Home Forums Weaver Xtreme Theme Float Logo from Menu bar slightly into header image Reply To: Float Logo from Menu bar slightly into header image

#69717
scrambler
Moderator

And if you want to make the menu bar less tall after it scrolls, you can change the rules to

/* Rule to float left html image over header */
.menu-primary .wvrx-menu-html {position:absolute;top:0;left:0;}

/* Rule to set the transition speed for max-width */
.wvrx-menu-container .wvrx-menu-left img{transition: max-width 2s ease;}
#nav-primary ul.wvrx-menu {transition:padding-top 2s ease;}

/* Rule to change the left html image size once the menu is fixed */
.wvrx-menu-container.wvrx-fixonscroll .wvrx-menu-left img {max-width: 40%;}
#nav-primary .wvrx-fixonscroll ul.wvrx-menu {padding-top: 1.5em;}