How can I center my business logo in the menu across different screen sizes?

Store Design
, , ,
1

Hi, I’m wanting to place the logo (which will be just title of business - Soul Mix) in middle of menu items. With similar spacing like example website below.

dekiv_0-1681800250796.png

Would like it to be responsive across screen sizes - so that logo name stays when on smaller screen. Menu goes into a hamburger menu anyway.

This is the code I used to already center the menu, not sure if it is right but any help would be really appreciated.

@media screen and (min-width: 990px){
.header–middle-left .header__inline-menu {
margin-left: auto;
min-width: 1200px !important;
text-align: center !important;
width: 100% !important;
}
}

Website: https://soul-mix.myshopify.com/

password: sumohb

2

Hello @dekiv , You are using Dawn theme and this theme provide option to set the position of logo in any devices. please check below screenshot and follow -

sandyparihar07_0-1681802635933.png
sandyparihar07_0-1681802635933.png1600×757 178 KB

3

@saim007 Yes but I want the logo in between the menu items as per my screenshot. So to have 2 menu items on either side of the logo

4

Anyone? I’ve built homepage on Page Fly not sure if it has capacity to do what I’m after?

5

Hello,

I am also looking for a solution to put the Logo in to the Middle of the header.

Left and right from the Logo should be 4 of the menu items.

I am also using the Dawn Theme.

The customisation option in Dawn is not the right one.

If I choose Middle centered, all the menu items are left from logo or the logo is in the middle but above the menu items.

I hope someone can help :slightly_smiling_face:

Thanks a lot!