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

    #1020661

    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 6 years, 2 months ago by seanchk.
    #1020666

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

    Thanks

    #1020847

    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

    #1022588

    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

    #1023096

    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,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.