Viewing 16 posts - 1 through 16 (of 16 total)
-
Posts
-
Hey bogosavljev!
Try this out, https://kriesi.at/support/topic/using-a-different-logo-size-on-mobile-devices-possible/.
Cheers!
ElliottHi!
Please provide a link to the website. We would like to check it. I don’t think svg format image will work. Please use jpg or png format images.
Best regards,
IsmaelHey!
Oh. My bad. Anyway, please try this:
@media only screen and (max-width: 767px) { .logo a span { display: none !important; } .responsive .logo a { background: url('http://dev.bogosavljev.com/wp-content/themes/quince-child/images/new_big_logo_100.svg'); background-repeat: no-repeat; background-size: 100%; } }This will remove the original logo image then assign the mobile logo as background.
Best regards,
IsmaelHey!
The code works when i tested it live on your site – http://screencast.com/t/IOehxv9xMb
Best regards,
JosueHey!
Try changing the media query max-width value:
@media only screen and (max-width: 1024px) { .logo a span { display: none !important; } .responsive .logo a { background: url('http://dev.bogosavljev.com/wp-content/themes/quince-child/images/new_big_logo_100.svg'); background-repeat: no-repeat; background-size: 100%; } }Cheers!
Josue
Viewing 16 posts - 1 through 16 (of 16 total)
- The topic ‘Use different logo on tablets and phones?’ is closed to new replies.