Sydney - Header transparent

Hi

I used the below code picked from the forum to change header transparent only in the home page but it is not working for me.

.site-header {
background-color: transparent !important;
}

I wish to have transparent header for home page and when scrolled down background-color should be white.
for rest of the pages background-color for header is white at all times

Thanks in advance
Regards
Vimal J

Hello Vimal,

First thanks for using our theme!

Could you please share with us your website link? So we do a inspection, see what’s happening and send the best solution for you.

Kind Regards,

Rodrigo.

aThemes Support

Thanks for asking the URL

http://vedha.byethost7.com

Regards
Vimal J

Hello Vimal,

Thanks for the link!

I did a inspection and can see that it’s already working like you mentioned in all pages (transparent and when scroll white). Maybe you are confusing with the white background color of the entire page, so the transparent effect “seems” to have no effect, but at really is there.

We hope this helps and clarifies!

Let us know if you need further assistance.

Kind Regards,

Rodrigo.

aThemes Support

Hi Rodrigo,

Sorry for late response.

I have attached the screenshot as how I have it.

This is how get it even after clearing the cache.

if the below code is added

.page-template-page_front-page .page-wrap {
padding: 0;
margin-top: -130px !important;
}

then i get as per below

but the image is getting trimmed and transparency is seen in other pages as well.

This is what I’m trying to achieve

Transparent header in home page alone. But when scrolled down it has to go White.
For remaining pages it has to be white at all times.

Please let me know how to get this.

Regards
Vimal J

Hi Rodrigo,

Please check this code I have added it seems to work.

.page-id-13 .page-wrap {
padding: 0;
margin-top: -132px !important;
}
if there should be any alternate better way please let me know.

Regards
Vimal J

Hello Vimal,

Oh sorry, I missed the part where you say that wants only in the home page!

The solution you found is a good way!

Let us know if you need further help.

Kind Regards,

Rodrigo.

aThemes Support

Thank you for confirming.

Hello Vimal,

Yo uare welcome!

Let us know if you need any further help.

Kind Regards,

Rodrigo.

aThemes Support