Menue on mobile doesn´t fit

[praxisnah2016]

Hi there,

I am using pro and I have the following problem:

the menue button on mobile goes under the logo and stands right on top of the logo. And it doesn´t look good at all. Can you send me a code, so the logo goes smaller or the menue button goes in the middle with the same padding top and bottom? I don´t know what the better solution is…

This is the website, but I also send a picture:

START - Ingenieurdienstleistungen Gralle & Partner

Thanks a lot! Best regards Kerstin

[praxisnah2016]

I mant on top of the slider. Sorry!

[prakash_s]

Hello @praxisnah2016,

Thanks for writing to us.

To align the logo and menu side by side in the mobile screen you need to add this custom CSS code under your X/Pro—>Theme Option—> CSS

@media(max-width:480px){
a.x-brand.img {
width: 75%;
}
} 

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks

[praxisnah2016]

@prakash_s

@media(max-width:480px){
a.x-brand.img {
width: 75%;
}
} 

Thank you very much for your help, it works fine!!!

Best regards Kerstin

[tristup]

Hi Kerstin,

Glad that we are able to help you.

Thanks