Shapely Theme Transparent Menu Bar

Hi

Great Theme and support but can you please advise how I can change the theme header to transparent. I’ve read through the forum but nothing seems to be working for me.

URL: http://blygold.co.uk/

Hi @gdragon2000,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

nav#site-navigation {
    background: transparent;
}

Please note at the top of your site the menu bar displays white background because the background color of your site body is white.

Best Regards,
Movin

Thank you for your response. Unfortunatley I just get a white background with this. Any thoughts as to why?

The shared code should work fine as shown in the attached screenshot.

I visited your shared site but didn’t see the shared code anywhere on your site.

Could you please tell me where you have added it and do not remove it until i troubleshoot it?

Hi, I have put the code back in and I see it works when scrolling. However, at the top of the page its white. I want it to be transpartent at the top of the page also so that it blends in with the main image.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

Regards

I have already told you on my previous reply that “Please note at the top of your site the menu bar displays white background because the background color of your site body is white.”

You can change your site body background color by using the below CSS code.


body {
    background: #000;
}

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

Thank you, thats great. Excellant support.

regards

You are most welcome here :slight_smile: