Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Nav bar-Menu color change according to page color

    General Discussion
    menu color navigation navbar color menu custom css
    2
    3
    80
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • G
      georgiaharizani last edited by

      Hello everyone,
      Is there a way to have my menu background color change with the page background color?
      My main site has a white background so the menu is white.
      https://georgiaharizani.com/3651-calendar
      On the projects page I have a project with an all black background and I would like for the menu to be black (with white letters).
      The code below works for changing the nav bar color but not the buttons, so they cant be seen atm.
      Thank you,
      Georgia

      Re: Background color on header

      1 Reply Last reply Reply Quote 0
      • Richard
        Richard Global Moderator last edited by

        Dear @georgiaharizani

        What was the link to the page that you would like the menu background black?

        Best
        Richard

        1 Reply Last reply Reply Quote 0
        • G
          georgiaharizani last edited by

          Hi Richard,
          Just any project really. I would like to change the background for example here: https://georgiaharizani.com/2021-weekly-index to black and have menu buttons and text be white.
          An ideas?
          Thanks <3

          1 Reply Last reply Reply Quote 0
          • First post
            Last post

          Try this to fix issues before you post:

          Use the Search Feature. Maybe there is already a solution to your issue.

          1. Update Lay Theme and all Lay Theme Addons
          2. Disable all Plugins
          3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
          4. Now see if your problem solved itself
          5. Go here, see if your problem is listed here:
          Troubleshooting

          When you post:
          1. Post a link to where the problem is
          2. If the problem is difficult to explain, post screenshots / link to a video to explain it

          Thanks!

          Online Users

          G
          M
          I
          M
          L

          Recent Topics

          • text underline

          • open all links in a thumbnail grid in a new tab

          • lazy loading affects project thumbnail mouseover images

          laytheme.com