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

    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

    #1168869

    Hey Matsky1,

    Are you referring to it not showing when the page loads?

    Best regards,
    Jordan Shannon

    #1168904

    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

    #1168919

    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

    #1168925

    Thank you Yigit!

    how can i proceed in order even on mobile my website looks perfectly responsive?

    #1168935

    Hi,

    I checked your pages on mobile but they look fine on my end. Are you having responsive issues on a certain section? If so, please point it out :)

    Best regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.