Menu bar width

Hi @ibrahimmuradi

We saw that you are using too many menu items and it is not possible to manage it in one line. All we can do is decrease the space between the menu logo and menu item. Please see the example. https://prnt.sc/22fe109

Thank you

Thanks. How do I do that? Also, on the screen, there is large space on left of the logo and right of the menu. How do I decrease those spaces?

Please see: https://prnt.sc/22jxs6e

• This reply was modified 3 years, 3 months ago by ibrahim.
• This reply was modified 3 years, 3 months ago by ibrahim.

Hi @ibrahimmuradi

Paste the following CSS code in your website Customizer > Additional CSS panel and change the number of pixels according to your needs.

.site-menu-content {
max-width: 1300px;
}

Thank you

Thanks. That worked great when at the top of the page. But when I scroll down, the menu goes back to default width. Is there anyway to maintain the max-width when enabling Sticky Header? Also, is it possible to increase the size of the logo?

Hi @ibrahimmuradi

We apologise for the late reply, we have been very busy in previous weeks.

Please also add the following CSS in the same. It will fix the issue. If this doesn’t work try clearing your site cache.

.sticky-menu {
max-width: 100%;
}

Thank you