Forums

Code To Lock Top Menu In Place (2 posts)

  1. feedthefresh
    Member
    Posted 4 months ago #

    Hi everyone,

    I am trying to lock the top menu bar of my website, similar to how you would freeze a pane in excel. My website is http://www.feedthefresh.com, and the menu I am trying to lock is the very top menu bar where it lists the categories.

    I'm not sure which section to edit, and what the code may be. Can anyone please assist me in this?

    Thank you!

  2. peredur
    Member
    Posted 4 months ago #

    No simple way of doing it, I'm afraid, due to the way the page is constructed. For example, a part of the 'menu bar' is a background image.

    Setting position: fixed; on the .top_nav_bg style rule gives you a part of what you want, but then you have to give it a width of, say, 940px and take away the transparent background so that the menu bar stays as a solid colour.

    And you'll probably also want to set visibility: none; on the .top_banner.

    Of course you should really do all this in a Child Theme.

    HTH

    PAE

Reply

You must log in to post.

About this Topic