Archived topic

Logo has been squeezed when scroll the page

4 replies · Started by Kelvin on June 5, 2021

Viewing posts 1–5 of 5

June 5, 2021 at 11:38 pm #1811885

Dear Sir/Madam,

My logo on the website is a circle shape, Normal logo size , when I scroll down the page and then up a bit, I find the logo has been squeezed , could you tell me how I can make the logo being proportional resize it?

Best regards,

Kelvin.

June 5, 2021 at 11:40 pm #1811886

I found the link broken, here are the links

Normal logo size https://prnt.sc/#google_vignette
Logo has been squeezed https://prnt.sc/14bp8pp

June 6, 2021 at 5:10 am #1812104

Hi there,

you have this CSS:

.header-image.is-logo-image {
    width: 80px;
    height: auto;
}

change it to:

.header-image.is-logo-image {
    height: 80px;
    width: auto;
}

And you can adjust the height of the Sticky Navigation by adjusting the Menu Item Height in Customizer > Layout > Primary Navigation. the Logo will increase relative to this height.

June 26, 2021 at 4:24 am #1835591

Problem is solved

June 26, 2021 at 4:44 am #1835613

Glad to hear that

This archived topic is closed to new replies.

Start building better websites today.