Tagged: logo, mobile, tablet, transparent header
Hello. We have a site that uses a transparent header. On a phone, the logo is moved above the page with a white background. However, on a tablet, even though the menu changes to a mobile menu, the logo doesn’t move above the page content. How can I get the logo to act the same on a tablet as on a phone? Thanks.
Hey 1039 Online!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 769px) and (min-width: 590px) {
.logo img, .logo {
max-height: 70%;
max-width: 70%;
}}
Regards,
Yigit
Thanks, Yigit. That makes the logo smaller, but doesn’t move it above the page such as what happens on a phone. However, we found another way around the situation, so you can close this out. Thanks for the great customer support that Enfold gives.