Responsiveness issues: Logo for mobile not responding to CSS transparency changes/tablet landscape view displaying menu incorrectly (behind logo)

Hi guys,

After you successfully solved the transparent background logo issue for the main site (thanks for that :slight_smile:) , the mobile site does not seem to be applying the fix in real life? The customiser view shows no background, and the main website is displaying correctly, however the mobile site when viewed on mobile is still displaying a block white background which shows through the transparency.

This is the code I inserted:
(from topic: Header logo background showing through a transparent logo)
}
@media (min-width:768px){
.site-branding {
background: transparent;
border: none;
}

And this is how it looks on mobile (the white box should be transparent):

The second issue is that on tablet in landscape mode, the menu drop down box sits behind the logo. This happens only on tablets and only in landscape mode.

The website url is:

www.aptareconsulting.com

Thanks for your help.

Hi,

From the code which I’ve shared to you, please replace the code with this:

.site-branding {
    padding-top: 0px;
    background: transparent;
    border: none;
}
1 Like