Site logo

[Support request] Mobile Logo Showing Up Small

Home Forums Support [Support request] Mobile Logo Showing Up Small

Home Forums Support Mobile Logo Showing Up Small

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #2429888
    Audrey

    My logo looks fine on desktop and tablet, but it’s small to the point of being unreadable on mobile devices. This question has been asked a lot, and I’ve tried all the suggestions (removing padding, adjusting the menu, CSS edits, etc), but it hasn’t resolved my issue. Any ideas?

    #2429973
    Ying
    Staff
    Customer Support

    You have this CSS:

    .site-logo {
        position: absolute;
        left: 50%;
        transform: translatex(-50%);
    }

    Can you try adding a media query to it like this?

    @media (min-width: 769px) {
    .site-logo {
        position: absolute;
        left: 50%;
        transform: translatex(-50%);
    }
    }

    And you have this CSS which limits the logo width to 250px on mobile, try using a larger value.

    @media (max-width: 768px)
    .site-header .header-image {
        width: 250px;
    }
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.