How can I center my logo and menu on my website header?

zimey
New Member
14 0 0

Hello team..
How can i get my logo in the middle of the header? aswell as center the menu?
My website url is: https://guldklippet-se.myshopify.com/

 

Screenshot 2024-03-15 at 09.26.12.png

Replies 3 (3)

Hardik29418
Shopify Partner
2913 419 1081

As per your theme's design structure, centering Logo is not possible without editing the code by entering in the code editor.

you can make the menus in center by setting up below code.

Please go to
1) Online store
2) Themes -> Edit theme
3) Layout
4) theme.liquid and paste this code before </head>

 

<style>

  .header__inline-menu {
    text-align: center;
  }

</style>

 

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
zimey
New Member
14 0 0

Do you know the code to centering the logo?
The previous code worked for the menu! Thank you

Anshul_arora
Navigator
309 76 54

Hello @zimey ,

As I understand you are now looking to change the position of the logo to center.

Please take a look at the below mentioned theme documentation, it may assist you to change the logo positioning.

- https://superfinedigital.com/help-center/documentation/stockholm/#header

I hope it helps.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here