Support » Theme: Kale » Logo Image not responsive to mobile

  • Hi guys,

    Ive recently switched to an image logo and uploaded the suggested 300 x 150 size image. It’s too small for PC and tablet though, but a larger image is not responsive to mobile.

    Is there any custom CSS that would make the logo image responsive to mobile so I can have a nice large logo eg. 750 px wide for desktop browsers?
    Thank you πŸ™‚

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi there,

    Thank you for getting in touch with us.

    I’ve just uploaded 750px wide logo and it’s responsive. If you want that logo to be smaller on mobile devices please add this css to Appearance β†’ Customize β†’ Additional CSS:

    @media (max-width: 767px) {
        .logo .custom-logo-link {
            width: 300px;
            display: block;
            margin: 0 auto;
        }
    }

    and adjust width as you wish.

    Hope that helps.

    Best

    Thread Starter aussieketoqueen

    (@aussieketoqueen)

    This didn’t work unfortunately, the logo is still not responsive on mobile even with adding the addition CSS and max width 300px. I can provide screenshots if this helps.

    Please replace previous code with this one:

    @media (max-width: 767px) {
        .logo .custom-logo-link {
            width: 300px;
            display: block;
            margin: 0 auto;
        }
        .logo .custom-logo-link img {
            width: 100%;
        }
    }

    If that doesn’t help, please replace your logo with larger version on your site and let me know so I’ll take a look into this.

    Best

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Logo Image not responsive to mobile’ is closed to new replies.