Archived topic

SVG Logo not display on mobile

5 replies · Started by remzi on November 6, 2017

Viewing posts 1–6 of 6

November 6, 2017 at 10:12 am #417283

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

November 6, 2017 at 1:02 pm #417374

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;
    }
}

November 6, 2017 at 1:09 pm #417384

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

thanks

November 6, 2017 at 1:22 pm #417387

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

November 6, 2017 at 1:30 pm #417388

my fault. I needed to convert logo font

work perfect. Thank you

November 6, 2017 at 2:01 pm #417400

No problem!

This archived topic is closed to new replies.

Start building better websites today.