Can I position menu items around the logo in a circular way?

Store Design
1

Hello Shopify community,

Please can you advise whether it is possible in case of the “Logo center, menu split” header layout to position the menu items around the logo in a circular way?

Where can I change the exact position of the menu items in the program code?

Thanks,
Zoli

1 Like
2

Hi @Zoli

Are you able to draw as a picture on how you want the menu to look like?

3

I think I have an idea of what you’re trying to do, but is there any way you could provide an example of how this would look? Thanks.

4

Hi,

Currently with the default ‘Logo center, split menu’ header layout it looks like this:

Zoli_0-1686205962583.png

I would like to modify this and create something like the below:

Zoli_1-1686206324006.png
Zoli_1-1686206324006.png408×211 1.34 KB

Do you know where in the program code can I find the positioning of the menu items and modify it myself? Or is there any 3rd party app which can be used to achieve and create a menu like this?

Thanks,

Zoli

5

You’ll have to edit the header.liquid file and header css file, but this specific style could be a little complicated to create. Do you have experience with HTML and CSS?

6

I don’t really have experience with HTML and CSS. I tried to check the program code but it is not that easy as modifying the size limit of the logo in the middle.

Can I hire you to create this menu style or can you recommend someone please?