Re: How do I fix the menu to be in the middle without affecting product page!

How do I fix the menu to be in the middle without affecting product page!

omar_ab
Excursionist
38 0 17

How can I reposition the menu to be in the middle without affecting the product pages.

 

IMG_6977.jpg

 

IMG_3F3FE561ABE2-1.jpeg

 

 I want to keep this as it is on the product pages!

IMG_6978.jpg

 

 

Replies 2 (2)

omar_ab
Excursionist
38 0 17

website: moroccanplus.com

Cherb20
Shopify Partner
6 2 3

It looks like you header is being positioned over you nav bar with a transparent background.

 

You can try adding this to you "theme.liquid" file within your code editor. To get to your code editor, click on "Online Store" under "Sales Channel" in the side menu. Then, click the "..." next to your current theme and select "edit code".

 

From here, locate your "theme.liquid" file and open it. Locate the {% style %} tag, you can search for it with control + f ( windows) and cmd + f (mac).

 

Cherb20_0-1722028333480.png

 

 

once you've located the {% stye %} tag in the above image,  paste the following lines directly below it.

 

 

.site-header { position: initial !important; }

 

 

Click save and reload your site. 

 

 Let me know if that was the result you are after. 

If I answered your question, please Accept my answer as the solution 🙂
If you found any information I've provided helpful, please give a Thumbs Up

If you have any questions, feel free to reach out or message me.