Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #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?


    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;

    • This reply was modified 7 months, 1 week ago by  seanchk.

    On mobile there is some whitespace around the logo. How can I remove it so it looks more like the desktop?



    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,


    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.



    Hi Sean,

    Great, glad you got it working :-)

    About the notifications; maybe they’re in your spam folder? Which email service are you using?

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.