[Resolved] CSS Control for Navigation Container

[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.

[Leo]

Hi there,

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

Let me know 🙂

[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.

[Leo]

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 🙂

[Keith]

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

[Leo]

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

Can you double check?

[Keith]

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

[Leo]

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?

[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?

[Leo]

Yup same thing is happening to me as well.

Try disabling all plugins to eliminate any unknown conflicts.

Let me know 🙂

[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.

[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?

[Leo]

You can edit the original topic and update the private URL field again 🙂

[Keith]

Thanks. Updated.

[Leo]

Try adding this CSS:

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

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

[Author]

Posts