I want to centre a header

I want to centre a header

swawestore
Excursionist
61 0 8

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
4361 1123 1378

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


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

Dan-From-Ryviu
Shopify Partner
8532 1682 1692

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

 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.