Centering Menu to the logo and mobile version logo blocking the menu

Tagged: alignment, center, Logo, Menu

This topic contains 1 reply, has 2 voices, and was last updated by ProDesign Support 1 week, 6 days ago.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
June 14, 2020 at 9:32 pm #16324

usisseven
Participant

Hello everybody,

first of all I would like to thank you all for the good work you put to create this wonderful template and that you let us use it !

I have been having an issue about the logo with mobile and the web version.

On the web version the menu isnt really centered to the logo, what can I do to center it so that the space between menu and the slider is a little wider so it looks more sleek?

https://imgur.com/a/6tsIM8q

Second of all, no matter which size I put, the logo it either blocking the menu button comletely or some menu parts (see screenshots). Can I do sth to prevent this from happening?

https://imgur.com/a/VnkcTdL

thank you very much!

June 25, 2020 at 12:24 pm #16440
ProDesign Support
Keymaster
Hi THere,

Hope you are doing good!

Please follow below mentioned steps to add custom css to perform the update
```
header.site-header .site-branding{height: 60px;}
header.site-header .site-branding a.custom-logo-link{position: relative; display: block; height: 100%;}
header.site-header .site-branding a.custom-logo-link img{height: 100%!important; width: auto!important;}
@media(max-width: 991px){
    header.site-header .bottom-header {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
```
Hope this helps!

Have a grat day ahead!

Regards,
Team ProDesigns
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.