[Resolved] SVG Logo not display on mobile

Home Forums Support SVG Logo not display on mobile

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #417283
    remzi

    Hi,

    I am using svg logo, everything good but on mobile the logo not display.

    http://www.vemavi.com

    I am using;

    .site-logo img {
    width: 400px;
    height: 100%;
    }


    @media
    ( max-width: 768px ) {
    .main-navigation {
    background-color: #1D71B8;
    }
    .main-navigation .main-nav ul li a,
    .main-navigation .menu-toggle {
    color: #FFFFFF;
    }
    .main-navigation .main-nav ul li > a:hover,
    .main-navigation .main-nav ul li > a:focus,
    .main-navigation .main-nav ul li.sfHover > a {
    color: #FFFFFF;
    background-color: #1e72bd;
    }
    }

    Thanks

    GeneratePress 1.4
    #417374
    Leo
    Staff
    Customer Support

    Hi there,

    The logo is displaying, just that it’s blended in with the white background.

    Try this CSS:

    @media (max-width: 768px) {
        .site-header {
            background-size: auto;
        }
    }
    #417384
    remzi

    ok good but still something wrong. can you check again on mobile

    thanks

    #417387
    Leo
    Staff
    Customer Support

    What’s wrong? Keep in mind that background images are not responsive by nature.

    #417388
    remzi

    my fault. I needed to convert logo font

    work perfect. Thank you

    #417400
    Leo
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.