How can I center the main menu in Debut theme?

Store Design
1

Can anyone help me?

My header menu is not centered on the header bar.

I’m using Debut theme and it is slightly to the left of the entire header bar. What should be the done to make it centered?

Thanks in Advance!

2

https://artsuppliesaustralia.com.au/

This is the website by the way.

Cheers!

1 Like
3

@hurencio

can you please show me issue image so i will check

1 Like
4

Hi @KetanKumar ,

Kindly see the image below.

Thank you!

Untitled.png
Untitled.png1919×1093 342 KB

1 Like
5

@hurencio

thank for details

please confirm this look

KetanKumar_0-1637128750723.png
KetanKumar_0-1637128750723.png1920×1080 437 KB

6

Hi KetanKumar,

Thank you for your help, but apparently it does not do anything. Still not centered.

Is there any other way?

7

@hurencio

can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/style.css ->paste below code at the bottom of the file.
.navbar-nav {
    float: left;
    margin-left: 0;
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
}
.navbar-nav .nav-item {margin: 0 10px;}
1 Like
8

You’re a legend! @KetanKumar

Thanks a lot!

Cheers!

9

@hurencio

its my pleasure to help us

1 Like