Hi all, I want to change the content of my header so that my logo and the menus are to the far left and my login, cart, language/country selector and the search icon are to the far right. This is an image that describes what I want to do: [Mohd01_0-1737630006558.png] Store URL: https://cngdxq-tk…

Hi @Mohd01 Go to Online Store → Theme → Edit code. Open your theme.liquid file In theme.liquid, paste the below code before If my reply is helpful, kindly click like and mark it as an accepted solution. Thanks!

Hello @Mohd01 , Here are the steps to apply the necessary changes in your Shopify store: In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code. Locate Asset > base.css and paste the following code at the bottom of the file: .header { display: grid !important; } stick…

Hey, that worked! But is it possible to increase the size of the menus and the space between them just a little bit more?

Hi @Mohd01 To complete your requests, please follow these steps: Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl Paste the code provided into the Custom CSS section. @media screen and (min-width: 769px){ header.header { displa…

Hey, I did exactly what you said but it didn’t work. This is how it looks: [Mohd01_0-1737633265031.png] I want to increase the size of menu items (HOME, SHOP ALL, etc) and increase the space between them just a little bit

Hello @Mohd01 , Here are the steps to apply the necessary changes in your Shopify store: In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code. Locate Asset > base.css and paste the following code at the bottom of the file: .list-menu--inline { gap: 2rem !important; } …

Hey, It did increase the space between them, but didn’t make the items bigger, is it possible to do that maybe? Thanks in advance!

Change content position on the header

Store Design

Mohd01 January 23, 2025, 11:54am 6

Hey, I did exactly what you said but it didn’t work. This is how it looks:

I want to increase the size of menu items (HOME, SHOP ALL, etc) and increase the space between them just a little bit

Topic		Replies	Views
Change all devices header size and position, dawn theme Store Design	6	47	June 16, 2022
Change content position on the header Shopify Discussion troubleshooting	9	68	January 22, 2025
Modify header menu design Store Design menu , header , css	2	22	January 10, 2025
Move menu items in header Shopify Discussion troubleshooting , shop-performance	5	44	December 25, 2024
Header Customization Store Design design , customizations , css	4	34	August 28, 2024

Change content position on the header

Related topics