Support » Theme: Zerif Lite » Site Logo creates white space in mobile responsive menu

  • Resolved soasmw

    (@soasmw)


    Hi,

    I have been trying various themes and liked Zerif Lite so far. However, I have 2 issues as of ow, one of which is the white space created in the top menu due to the logo size. My logo is a little bigger and can’t be scaled down to match the container due to image quality issues.

    Is there a way to auto-scale the logo based on the device which is accessing the website? I found similar issue with top websites using Zerif Pro, such as: http://www.heidishangups.com/

    It looks too bad and needs a fix. Please advise.

    My website is winnersavenue.com, which is currently displaying a “Coming Soon” page.

    Regards

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hey there,

    Please disable the coming soon page so we can take a look.

    Thanks 🙂

    Hello Suyogya,

    I’ve done as requested. Kindly take a look at the website now.

    Regards

    Hi,
    Please use this custom css code at Admin > Appearance > Customize > Additional CSS.

    @media only screen and (max-width: 768px) {
    .navbar-inverse .navbar-toggle {
        border-color: #333;
        position: absolute;
        z-index: 1111111;
        right: -9px;
    }  
    }
    

    Thanks
    Mohammad

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Site Logo creates white space in mobile responsive menu’ is closed to new replies.