Solved

Why isn't my Shopify Debut theme header menu centered?

hurencio
Excursionist
31 0 7

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!

Accepted Solution (1)
KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 8 (8)

hurencio
Excursionist
31 0 7

https://artsuppliesaustralia.com.au/

 

This is the website by the way.

 

Cheers!

KetanKumar
Shopify Partner
36839 3635 11972

@hurencio 

can you please show me issue image so i will check

---------------------------------------------------------------------

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
hurencio
Excursionist
31 0 7

Hi @KetanKumar,

 

Kindly see the image below.

Thank you!

 

Untitled.png

 

KetanKumar
Shopify Partner
36839 3635 11972

@hurencio 

thank for details 

please confirm this look

KetanKumar_0-1637128750723.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
hurencio
Excursionist
31 0 7

Hi KetanKumar,

 

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

Is there any other way?

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
hurencio
Excursionist
31 0 7

You're a legend! @KetanKumar 

 

Thanks a lot!

 

Cheers!

KetanKumar
Shopify Partner
36839 3635 11972

@hurencio 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing