Hello,

Please add this code into your custom css box:

@media(max-width: 480px){
#logo img.dark {
    display: none;
    visibility: hidden;
}
#logo img.light {
    display: block;
    visibility: visible;
}}

Best regards!

Hello,

You have pasted it wrong. It is a independent code. It should be pasted after any piece of code you have already in the custom css box, not inside it.
The correct form of the code you send is:

#header{margin: 0 auto;}

@media(max-width: 480px){
#logo img.dark {
display: none;
visibility: hidden;
}
#logo img.light {
display: block;
visibility: visible;
}
}

Try again and let us know.

Best regards!

Hello,

Please send us your wp credentials in a private reply. So i can do it for you.

Best regards!

Hello,

Sorry for the late rpely.
I edited the code above to this:

@media(max-width: 480px){
#logo .dark {
display: none !important;
visibility: hidden !important;
}
#logo .light {
display: block !important;
visibility: visible !important;
}
}

It’s ok now, screenshot.

Best regards!

Hello,

Please add this code for the ipad layout in portrait and landscape.

 @media(max-width: 979px){
#logo .dark {
display: none !important;
visibility: hidden !important;
}
#logo .light {
display: block !important;
visibility: visible !important;
}
}
@media(max-width: 1024px){
#logo .dark {
display: none !important;
visibility: hidden !important;
}
#logo .light {
display: block !important;
visibility: visible !important;
}
}

To make header transparent even in mobile, then add this code:
@media(max-width: 1024px){ header#header {background-color: rgba(230, 227, 221, 0.05);}}

Best regards!

Hello,

Please add an !important in the last code.
This block:

@media(max-width: 1024px){
header#header {background-color: rgba(230, 227, 221, 0.05);}
}

Will become like this:

@media(max-width: 1024px){
header#header {background-color: rgba(230, 227, 221, 0.05) !important;}
}

Best regards!

Hello,

Are you sure you added it properly? It should not have any problem, i tested it. Please send us valid link/credentials and i will do it for you, just like the above. The current link appears as “404, Not Found”.
Let us know.

Best regards!

Hello,

I get error 503: Service Temporarily Unavailable. Please check your site and let us know.

Best regards!

Hello,

I still can not login (the site is on, but the credentials are not valid), please add this code into your custom css box:

@media (max-width: 979px){
.header_wrapper {
    background: rgba(251, 251, 251, 0.09) !important;
}}

Let us know.

Best regards!