[Resolved] CSS Control for Navigation Container

Home Forums Support [Resolved] CSS Control for Navigation Container

Home Forums Support CSS Control for Navigation Container

Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #1163476
    Keith

    I have set the header background color, and the element background color, but can’t seem to isolate the background color for the contained navigation bar (see linked URL). Is this possible? Seems like it should be simple but I am going crazy trying to figure it out. If you could advise it would be appreciated.

    #1163485
    Leo
    Staff
    Customer Support

    Hi there,

    Sorry what are you trying to change? Remove the white/outside container and use the blue instead

    Let me know πŸ™‚

    #1163505
    Keith

    Yes. Sorry for not being clear on that. I want that white strip (on each side of the navigation) replaced by the same blue as the header and element.

    #1163507
    Leo
    Staff
    Customer Support

    Ok that’s slightly tricky as the customzier options aren’t set up for that.

    Can you set the Navigation (outer) width to full first:
    https://docs.generatepress.com/article/navigation-layout/

    Then set the navigation background color to the light blue as the header and element.

    Then I can provide some CSS after.

    Let me know πŸ™‚

    #1163529
    Keith

    Okay. I think I have set it the way you want now.

    #1163533
    Leo
    Staff
    Customer Support

    Hmm I’m still seeing the exact same layout as before:
    https://www.screencast.com/t/iQJ3aHTsmus

    Can you double check?

    #1163538
    Keith

    Guessing the cache didn’t clear. I have cleared the cache and CSS now. Sorry about that.

    #1163540
    Leo
    Staff
    Customer Support

    Unfortunately still no change on my end – I’ve made sure to hard clear my browser cache.

    Can you disable the caching plugins or any server cache for now?

    #1163543
    Keith

    So strange. Not sure what is happening. I have deactivated the WP Fastest Cache plugin. Chrome is working fine. In Firefox the home page still has the white band, but other pages do not. Can you see if sub-pages have the modified menu?

    #1163546
    Leo
    Staff
    Customer Support

    Yup same thing is happening to me as well.

    Try disabling all plugins to eliminate any unknown conflicts.

    Let me know πŸ™‚

    #1163552
    Keith

    Very, very strange. I have deactivated all the plugins, even GP Premium. Some pages are still loading as if Elementor and other plugins are still active, and some are acting as I would expect. This is crazy. I’m going to make a copy of the site and move it from Bluehost over to my server and see if the issue persists. I will get back to you shortly.

    #1163557
    Keith

    Okay, I moved the site and it appears to be working correctly. Do I past the URL here, so it is public, or what shall I do?

    #1163562
    Leo
    Staff
    Customer Support

    You can edit the original topic and update the private URL field again πŸ™‚

    #1163567
    Keith

    Thanks. Updated.

    #1163570
    Leo
    Staff
    Customer Support

    Try adding this CSS:

    .main-navigation #primary-menu {
        background-color: #4d7fc2;
    }

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

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