-
AuthorPosts
-
October 11, 2018 at 10:28 am #1020249
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?
October 12, 2018 at 9:48 am #1020661For 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;
}-
This reply was modified 7 years ago by
seanchk.
October 12, 2018 at 10:17 am #1020666Mods,
On mobile there is some whitespace around the logo. How can I remove it so it looks more like the desktop?Thanks
October 12, 2018 at 9:11 pm #1020847Hi 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,
VictoriaOctober 17, 2018 at 7:32 am #1022588Hi 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
October 18, 2018 at 4:05 am #1023096 -
This reply was modified 7 years ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
