Tagged: logo
Hi,
how can i improve that my logo in the main Navigation will reduce its size proportionally if the browserwindow get’s smaller.
Out of the box only the width will be reduced but not height.
2nd possibility i have with CSS Hero is to fix the size, but then the Navigation will overlap it.
Screenshots and URL attached.
Would be great if you could help me with this issue
cheers
Hey Stephan,
Thank you for using Enfold.
You can use this css code to control the maximum height and width of the logo on mobile view.
@media only screen and (max-width: 1024px) {
.responsive #top .logo {
height: 60px !important;
width: 80%;
}
}
Default height value is 80px.
Best regards,
Ismael