Fixing the header menu bar in Sorbet theme

• 

  nabhoneel2010 · Member · Mar 6, 2015 at 8:55 am

  • Copy link
  • Add topic to favorites

  I will soon be upgrading to the Premium plan so that I can edit the HTML/CSS of my blog on WordPress. But I would like to know if there is any CSS modification (only) that I can do in order to make the menu bar always available to the reader,even when one has scrolled down, for easier navigation, as is present in the Isola theme.
  Another example is the website Scroll.in.

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

• 

  kathrynwp · Staff · Mar 6, 2015 at 7:23 pm

  • Copy link

  Hi there, something like this should keep the header area – where the menu items are – fixed while the rest of the page scrolls:

  .site-header {
    position: fixed;
    top: 0;
  }

  You could check out the effect when previewing Custom CSS in trial mode.

• 

  nabhoneel2010 · Member · Mar 7, 2015 at 3:45 pm

  • Copy link

  Thank you for your response! It helps to keep the menu bar fixed, but I’ll have to change the other components accordingly. Thank you again :)

• 

  kathrynwp · Staff · Mar 9, 2015 at 2:06 pm

  • Copy link

  If you need more help adjusting this after you purchase the upgrade, feel free to post in the CSS Customization forum:

  https://en.forums.wordpress.com/forum/css-customization