How to align main menu to be on either side of logo

Technical Q&A
,
1

Hello!

I’m using the Ride by Shopify theme and I’m looking for guidance with my navigation menu. I’d like to align my main menu to appear on either side of the logo on the same line, so half of the menu would appear to the left and half of the menu would appear to the right. How would I go about doing this through my theme code?

You can find my website here

Password: chickendumplings

2

Hello @okchaychay ,

It’s GemPages support team and glad to support you today. I would like to give you the recommendation to support you.

In this case, basically, you need to edit the HTML structure of the theme and it will be a bit complicated.

However, I give you another option. If you will fix your menu like that, you can try using my below suggestion:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1670299200251.png
GemPages_0-1670299200251.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

For example,

GemPages_0-1670299794124.png
GemPages_0-1670299794124.png1915×908 71.7 KB

*One more time: my code just be suitable in this case that your menu be kept as it is

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

3

Hi @okchaychay

Please follow these steps:

  1. Go to Online Store > Theme > Edit code

  2. Open your theme.liquid theme file

  3. Paste the below code before

view (100).png
view (100).png1486×652 103 KB

I hope that it works for you.

4

I can not fix my menu bar beside my logo. Please help.

5

Hi there. I have tried the above and it doesn’t line them up correctly. Could you pretty please kindly help me?? My page address is https://cocoandbie.myshopify.com/

Thank you so so much - Becky M