[Resolved] Match Primary Menu Background to Header Instead of Body?

Home Forums Support [Resolved] Match Primary Menu Background to Header Instead of Body?

Home Forums Support Match Primary Menu Background to Header Instead of Body?

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1345890
    Tom

    Hi all – how would I make the background of my primary menu white instead of the silver I used on the body? I’m thinking I would have to move around my div classes?

    <script async src=”//s.imgur.com/min/embed.js” charset=”utf-8″></script>

    #1345894
    Tom

    Sorry – not quite sure how to get a photo in here. https://imgur.com/a/wrQCwno

    #1345972
    Leo
    Staff
    Customer Support

    Hi there,

    Any chance you can link us to the site in question?

    You can edit the original topic and use the private URL field.

    Let me know πŸ™‚

    #1345998
    Tom

    Done! As you’ll see, the silver starts at the top of the primary nav. Would like it to start after.

    Thanks πŸ™‚

    #1346014
    Leo
    Staff
    Customer Support

    Think we need to trick it a little bit.

    Can you set the navigation width to full first.
    https://docs.generatepress.com/article/navigation-layout/#navigation-width

    Then I’ll try some CSS.

    #1346021
    Tom

    Done!

    #1346026
    Leo
    Staff
    Customer Support

    Try this CSS:

    #site-navigation {
        background-color: #ffffff;
    }
    .main-navigation .inside-navigation {
        background-color: #000000;
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    #1346028
    Tom

    Perfect! Thanks a lot, Leo.

    #1346031
    Leo
    Staff
    Customer Support

    No problem πŸ™‚

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.