hi guys!
i ve a trouble with my logo.
i inserted this quick css:
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
max-width: 60%;
height: auto !important;
margin-left: 0!important;
}}
but the logo is still not responsive.
help me please.
Thank you!
Matteo
Hey Matsky1,
Are you referring to it not showing when the page loads?
Best regards,
Jordan Shannon
Hi Jordan,
no, i refer to the fact that when i zoom my page, the logo does not fit any more.
Attached 2 images the show you what i mean:
(everything fine/ i did not zoom)
https://imagizer.imageshack.com/img924/7773/4gPlHg.png
(i zoom my page and as you can see the logo does not fit more)
https://imagizer.imageshack.com/img923/7101/8XPx84.png
Moreover, even on mobile desktop the logo seems to being responsive.
Thank you
Hey,
You had following code in Quick CSS field
.logo { margin-left: -100px; }
I changed it to following so it only applies on screens larger than 990px
@media only screen and (min-width: 990px) {
.logo { margin-left: -100px; }}
Now your logo looks fine. You can check out responsiveness by decreasing your browsers size. Zooming in would not reflect how your site actually looks on mobile :)
Regards,
Yigit
Thank you Yigit!
how can i proceed in order even on mobile my website looks perfectly responsive?