[Andrew]

Thank you

[Andrew]

Yea, it shows when you’re logged into the WordPress backend. I went into incognito mode and it doesn’t appear. It also doesn’t appear when not logged in.

[Andrew]

Yea, it seemed to have fixed itself. Maybe it was a cache issue or something. Not sure. Thanks.

[Andrew]

I see it now, sorry to have missed it.

[Andrew]

Please disregard, I’ve gone with an image size of 315×75 and it appears to be working fine.

[Andrew]

Getting closer.

However, the logo image does not scale to smaller screen sizes. Especially mobile devices.

This causes the image to appear cutoff.

[Andrew]

It’s the header image that I’m referring too, sorry. The black line at the bottom of the image isn’t supposed to be there.

[Andrew]

Yes that worked! thank you.

This is what my current Custom CSS looks like. Is this ok? or is there a cleaner way to write this overall code? Just want to be sure it’s the way it should be now…

.navigation-classic .main-navigation ul ul {
background-color: #000;
}

@media only screen and (max-width: 1200px) {
.menu-inside-wrapper {
background-color: #000000;
}
}

[Andrew]

I would like to use a dark header image as shown on my website with white menu text and white background color. However, when I change the site background color to white.. the navigation menu background is also white. You gave me a code which changed the white navigation background to black on desktop… however, the navigation menu color is still white on mobile device.

Apple iPhone 8 Plus using Chrome & Edge both show white.

This causes the white menu text so not be seen as it’s also white.

Can you provide a fix? see edgewithandy.com

[Andrew]

Your code fixed the web version but not the mobile version. Do you have a code that would also change the background color of the menu on mobile devices?

[Andrew]

That did the trick! thank you.

[Author]

Posts