html - wrapper moves right if I add css: top -


when add top style rule wrapper goes down left, don't understand it, please me.

js fiddle click me

.svg[for="nav-trigger"] { position: absolute; color:white; height: 13px; width: 16px; background-image: url(../assets/menu.svg); background-repeat: no-repeat; right: 0; top: 0; margin: 30px 30px 0 0; z-index: 2; cursor: pointer; } .nav-trigger + .site-wrap {  transition: 0.2s linear;  } .nav-trigger:checked ~ .site-wrap {  top: 80%;  } 

thank you, tim4497

well, it's not wrapper moving whole html. margin width of scroll bar not showing.

if insteed of using overflow-x: hidden; on body use overflow: hidden; fixed don't know if generate other problems don't know final results going be


Comments

Popular posts from this blog

java - Custom OutputStreamAppender not run: LOGBACK: No context given for <MYAPPENDER> -

java - UML - How would you draw a try catch in a sequence diagram? -

c++ - No viable overloaded operator for references a map -