Hi Guys,
I used a Custom Background for the Logo area so I can have a nice full width logo in my header.
But the header and the menu don’t show on mobile
What can I do to fix this?
For anyone who wants a full width Logo use this code in your Quick CSS. This fixed my problem.
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#header_main .container.av-logo-container {
max-width: 100%;
padding: 0;
}
.html_header_top.html_logo_center .logo {
position: static;
margin: 0 auto;
transform: none;
float: none;
}
.logo img {
display: block;
margin: 0 auto;
}
Mods,
On mobile there is some whitespace around the logo. How can I remove it so it looks more like the desktop?
Thanks
Hi seanchk,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 479px) {
.responsive #top .logo {
height: 56px !important;
width: 100vw;
margin-left: -2.4em;
}
.responsive #top .header_bg {
background-color: #339966;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
That worked perfectly! Thank you!
One more quick question…. Despite having an account here and always clicking ‘Notify me of follow-up replies by email’, I never get any notification that my posts have received a reply.
Sean