Transparent header

Shapely
1

Hello!
I would like to know how to make the header transparent, so only the logo and the menu text could be seen, and the background can be a image that i use in Revolution slider, just like the WordPress theme Illdy is Illdy - Free One Page WordPress Business Theme - Colorlib
I’ve attached an image.
Thank you a lot!

2

Hi @ritco,

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;
    border: 0;
}

Best Regards,
Movin

3

Hello @Movin,

I try this solution but my header still have a white background. But when I scroll down my header became transparent.

Thanks

4

@carlvic This is old topic and meanwhile the theme is changed a lot so to help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/shapely/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

5

@Movin thanks anyway I resolve the problem thankyou!

6

You are most welcome :slight_smile: