Menu not centered in new version

hurencio
Excursionist
32 0 7

Hi there,

 

I am trying to update to the latest version of my theme, but the menu suddenly went back to the left side of the screen. anybody knows how to put this back to center before i update? Cheers!

SS1st.pngSS2nd.png

Many thanks,

Renz

Replies 10 (10)

Dan-From-Ryviu
Shopify Partner
7514 1450 1447

Hi @hurencio 

Could you share the preview URL of your theme's latest version?

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

Dan-From-Ryviu
Shopify Partner
7514 1450 1447

Please get share preview link by clicking Share preview Screenshot 2024-03-26 at 10.55.58.png

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

hurencio
Excursionist
32 0 7
Dan-From-Ryviu
Shopify Partner
7514 1450 1447

Please add this code to theme.liquid file, after <head>

<style>
.nav-bar .nav-bar__linklist { text-align: center; }
</style>

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

Raj-webdesigner
Shopify Partner
236 52 53

Add this css In your base.css File

.header ul.nav-bar__linklist.list--unstyled {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
If you require further help to optimize your store, please don’t hesitate to reach out.

This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Your Willpower Contribution Link :-

Contribution



Contect On My Mail :-raj.s.webdevloper@gmail.com
hurencio
Excursionist
32 0 7

nothing happened mate. any idea why?

Raj-webdesigner
Shopify Partner
236 52 53

1) open Your Store 

2) Online Store

3) Edite Code

4) Find base.css
And Than Put This Code

ul.nav-bar__linklist.list--unstyled {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
If you require further help to optimize your store, please don’t hesitate to reach out.

This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Your Willpower Contribution Link :-

Contribution



Contect On My Mail :-raj.s.webdevloper@gmail.com
hurencio
Excursionist
32 0 7

Hi there,

 

We do not have base.css in any file. is there any other file name to put this?

Raj-webdesigner
Shopify Partner
236 52 53

Find file Name Theme.css and  put my code

If you require further help to optimize your store, please don’t hesitate to reach out.

This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Your Willpower Contribution Link :-

Contribution



Contect On My Mail :-raj.s.webdevloper@gmail.com