Archived topic

Mobile logo not showing at correct size

4 replies · Started by Keith Taylor on November 2, 2021

Viewing posts 1–5 of 5

November 2, 2021 at 6:58 am #1988038

I've uploaded a mobile logo, which is 113 pixels width. However, on mobile view in the Customiser (and live when published) the logo shows as 164.28 pixels width. I can't work out why.

My development website URL is in the private info field.

Thanks!

Keith

November 2, 2021 at 7:28 am #1988086

Hi there,

the Mobile Header logo attracts its display size from the Menu Item Height in the Customizer > Layout > Primary Navigation ( Mobile view ). Currently that is 60px so its scaling the image up to that size.

If you want it to display at its natural size then add this CSS:

.mobile-header-navigation .site-logo.mobile-header-logo img {
    width: 100%;
    height: auto !important;
}

November 2, 2021 at 12:14 pm #1988733

Awesome, that worked, thanks!

November 2, 2021 at 2:43 pm #1988899

Glad to hear that

November 24, 2021 at 10:45 am #2020275

Hello,

I tried that CSS but the logo was too big and moved the navigation menu to the bottom left instead of keeping it on the top right.

How can I increase the logo size just a little?

Thanks!

NEVERMIND I FIGURED IT OUT. SORRY!

This archived topic is closed to new replies.

Start building better websites today.