Resonar Theme – floating menu

  • Unknown's avatar
    anggaaryas · Member ·

    Hey guys. How to make a floating menu (menu follow my scroll)? sorry for my bad english

    The blog I need help with is: (visible only to logged in users)

  • staff-loquaciousloon · Staff ·

    Hi there!

    Making the menu float on Resonar would require a bit of Custom CSS, which is part of a Premium Plan or Business Plan.

    With that, you can open My Site > Customize > CSS and add this code:

    #masthead {
        position: fixed;
	z-index: 9999;
	background: #ecf0f1;
}

#content {
  padding-top: 115px;	
}

    The first style takes the menu out of the normal flow, and fixes it to the top of the page – it also matches the background color (which can be changed using an HTML color code if needed.

    The second one is to prevent the header image from getting cut off when under the menu. It should prevent an overlap in most situations :)

  • The topic ‘Resonar Theme – floating menu’ is closed to new replies.