Site logo

Archived topic

Logo on top too big

7 replies · Started by Matthieu on January 24, 2021

Viewing posts 1–8 of 8

Hello the logo in the mobile header is abnormally large, how can I fix this problem? I don't know why she changed her size, it was fine before.

Thanks

Hi there,

when using the Navigation as Header; the logo gets its size from the Menu Item height ( set in Customizer > Layout > Primary Navigation ). You can either:

1. Reduce the menu item height
OR
2. Use some CSS to make just the logo smaller:

.navigation-branding img, .site-logo.mobile-header-logo img {
  height: 40px;
}

Hello, thank you for your answer. The problem is that by adding the css code, I cannot for example increase the height of the menu item without making the logo larger ...

For example there to try I put :
.navigation-branding img, .site-logo.mobile-header-logo img {
height: 10px;
}

And a height of the menu item at 100px and here is the resul

Thanks

Oh sorry that looks good to me. In the preview in the customizer I saw the logo very large. On the other hand when I go on mobile the problem seems to be solved.

Is the issue now resolved ?

yes it's good, thanks ! 😃

Glad to hear that!

This archived topic is closed to new replies.