STUDIO THEME - Menu bar not aligned properly

Store Design
1

STUDIO THEME - Menu bar is misaligning, if we add more menus it is coming down.

Pls see attached photo for your understanding.

2

Hi @Aadhiss ,

That menu is out of your menu width so it has been break down of the line.

3

Hello @Aadhiss ,

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1677828637975.png
GemPages_0-1677828637975.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1677828660490.png
GemPages_1-1677828660490.png1494×894 71.8 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

4

@Aadhiss
put below css into base.css file (Online store ->themes->Edit code->assets->base.css)

@media screen and (min-width: 990px)
{
.header--top-center .header__inline-menu {
    justify-self: flex-start !important;
}
}
5

If I add another menu then it will come down again?..