Warehouse theme need to put the menu (nav bar) in the middle

Store Design
1

i need to center the menu ( nav-bar) i tried to do it but it’s only come to left or right can i center it

Can anyone help?

Thanks, Jimmy.

2

Hello,

Please add below css in your theme.scss file..

.nav-bar__linklist.list--unstyled {
    text-align: center;
}
1 Like
3

Where in the code do you insert this

4

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

5

Hi there,

This code worked, however it causes the nav menu items to center aswell, which looks odd. See attached image. My domain is www.lucentdecors.com

Please could you help put the nav menu items on the left?

elliotmch_0-1675437316384.png
elliotmch_0-1675437316384.png1920×992 304 KB

kind regards,

Elliot

6

For anyone that needs it, I found the solution. You need to add the following code just below the CSS you already added to center the main nav menu:

.mega-menu__column:has(>.mega-menu__linklist){ text-align:left !important }

Have a great day!