StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Kickstart Pro Sticky Menu

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Kickstart Pro Sticky Menu

This topic is: not resolved

Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 24, 2018 at 10:09 am #219226
    kathyosborne
    Participant

    Hi,

    My clients would like to make the menu/header sticky (similar to the Altitude Pro) on this website I am building for them. Not as familiar with this theme, so I'm not sure how to achieve this via CSS. And I really want to avoid using a plugin.

    Any advice?

    Thanks!
    Kathy

    http://orbitaljigsaw.com/v2
    April 25, 2018 at 5:31 am #219259
    Victor Font
    Moderator

    Add position: fixed; to the menu's CSS. You'll probably have to adjust the site-inner top margin to compensate since the menu will float above the other page content. Site-inner will move up under the menu.

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    April 25, 2018 at 7:07 am #219270
    kathyosborne
    Participant

    Hi Victor,

    Thanks for responding. I had tried changing 'position: fixed;' to the .site-header and when I do, the title area and widget menu area collapse to the left side of the website. Any other advice?

    Thanks!
    Kathy

    April 25, 2018 at 7:11 am #219271
    kathyosborne
    Participant

    To clarify - I want both the logo and menu to stay static. Even on mobile. When I try applying it to the title-area and the widget individually the logo disappears even when I put positions...

    Thanks,
    Kathy

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.