I want to centre a header

I want to centre a header

swawestore
Explorer
117 0 20

this header on my website https://swawe.store/ isn't coming at the centre on desktop
can someone help me fix this, it is fine on mobile 

Screenshot 2024-07-04 at 13.08.15.png

Replies 2 (2)

Moeed
Shopify Partner
7073 1903 2332

Hey @swawestore 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (min-width: 768px) {
ul.list-menu.list-menu--inline {
    left: 47px !important;
    position: relative;
}
}
</style>

RESULT:

Moeed_0-1720079121786.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Dan-From-Ryviu
Shopify Partner
11359 2225 2399

Hi @swawestore 

Please go to Online Store > Themes > Customize > Theme settings > add this code to Custom CSS,

 

@media(min-width: 990px) {
    .header--middle-left {
        grid-template-columns: auto auto auto !important;
    }
    .header__inline-menu { text-align: center; }
}

 

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.