Item not showing in Nav

[FoundationDesign]

Hi. I have a custom nav with 2 bars (one with a transparent background, one with a solid colour background). Each bar has 2 containers with a logo (image) in one and a collapsed nav in the other. In a 3rd bar, I have a full-page background image dynamically showing a post’s featured image and a Headline (post title).

For some reason, just the logo is not showing and I can’t work out why. I thought it might be a Z-index issue, but I’ve played with that and it doesn’t seen to make a difference.

Could you please have a look for me?

[prakash_s]

Hello @FoundationDesign,

Thanks for writing to us.

I checked your given site URL it seems that you have added custom CSS code on the Component CSS just because the logo image is not displaying.

In order to display the logo image I would suggest you go to the component custom CSS code and remove this CSS code.

.x-image img { 
  display: none;
}

I also noticed the invalid CSS as well there on the component’s custom CSS code. Please fix it.

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[FoundationDesign]

Thank you @prakash_s.
Duh! Never thought to check the Component CSS.
All sorted now.
Thanks again for your help.

[marc_a]

Hey Paul,

You’re welcome!