FROM CACHE - en_header

Main Menu not centered

Solved
hurencio
Excursionist
25 0 6

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)

Accepted Solutions
KetanKumar
Shopify Partner
34396 3444 11271

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
25 0 6

https://artsuppliesaustralia.com.au/

 

This is the website by the way.

 

Cheers!

KetanKumar
Shopify Partner
34396 3444 11271

@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
25 0 6

Hi @KetanKumar,

 

Kindly see the image below.

Thank you!

 

Untitled.png

 

KetanKumar
Shopify Partner
34396 3444 11271

@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
25 0 6

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
34396 3444 11271

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
25 0 6

You're a legend! @KetanKumar 

 

Thanks a lot!

 

Cheers!

KetanKumar
Shopify Partner
34396 3444 11271

@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