[Resolved] Site-Logo smaller on mobile?

Home Forums Support Site-Logo smaller on mobile?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1189402
    Edin

    I’ve tried to make the site-logo smaller on mobile because it causes the “burger-menu” to fall into the next line.

    I’ve tried to re-design to be smaller in size, but it seems that the theme stretches it into the same dimension with a lesser resolution.

    Then I used this CSS:

    @media (max-width: 768px) {
        .site-logo {
            max-width: 200px; /* adjust size */
        }
     }

    It worked, but the logo seems clinched (squeezed together), the height isn’t adjusted at the same time.

    What can I do?

    Thanks,
    Edin

    #1189461
    David
    Staff
    Customer Support

    Hi there,

    try this CSS instead:

    @media (max-width: 768px) {
        .navigation-branding img,
        .site-logo.mobile-header-logo img {
            height: 50px;
        }
    }
    #1189484
    Edin

    Brilliant!

    Thank you, David!

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