Freeze Menu Bar to the top of the page

  • Resolved Irrsponsible

    (@irrsponsible)


    10 years, 2 months ago

    Hey there

    Does anyone know if it’s possible to freeze the top menu bar to the top of the page.

    EG So when you scroll down the menu bar remains at the top of the page. For an example of what I mean see this page;

    Notice the 9 News bar with the weather and menu items is always visible.

    Thanks if you can help.

    Mike

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi Mike, that’s called a “fixed header.”

    You could try something like this in your custom CSS or child theme.

    #masthead-wrap {
     position: fixed;
     z-index: 1;
}

    Don’t edit the theme files directly, otherwise your changes will be overwritten when the theme is updated.

    An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

    As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.

    Thread Starter Irrsponsible

    (@irrsponsible)

    Hi Kathryn

    That worked a treat! Thanks for your help

    Mike

    You’re very welcome.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Freeze Menu Bar to the top of the page’ is closed to new replies.

Tags