We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Change content position on the header

Change content position on the header

Mohd01
Excursionist
51 0 4

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-1737559671100.png

Store URL: https://cngdxq-tk.myshopify.com/
Thanks In Advance,

Replies 9 (9)

brisk_code
Shopify Partner
82 10 14

Hi @Mohd01 
Please follow instruction:
1. From your Shopify admin, go to Online Store > Themes > Customize

brisk_code_0-1737562228803.png

2. Click to Header, select the Desktop Logo Position and click Save

brisk_code_1-1737562428052.png

 

 

 

Best
Fazil Nusrat from Brisk Code

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

brisk_code
Shopify Partner
82 10 14

Hi Again, I think we should try this way:
Paste the code in header Custom CSS Field:

 

@media screen and (min-width: 990px) {
    .header__inline-menu {
        width: -webkit-fill-available !important;
    }
}

 

in here:

brisk_code_0-1737563027980.png

 

 

Best
Fazil Nusrat from Brisk Code

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!
Mohd01
Excursionist
51 0 4

Hey there, sadly it did not work

Mohd01
Excursionist
51 0 4

It did make the menus and the logo next to each other but it also made them smaller and not all the way to the left

brisk_code
Shopify Partner
82 10 14

your store is fix in my side, maybe you did another way?

Best
Fazil Nusrat from Brisk Code

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!
Mohd01
Excursionist
51 0 4

I did exactly as you said but this is how it looks

Mohd01_0-1737569669457.png

 

 

Mohd01
Excursionist
51 0 4

Mohd01_1-1737569687239.png

Thats a better picture there

brisk_code
Shopify Partner
82 10 14

Put this code as well:

@media screen and (min-width: 990px) {
    .header:not(.drawer-menu).page-width {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
Best
Fazil Nusrat from Brisk Code

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!
Mohd01
Excursionist
51 0 4

Unfortunately, It still did not fix it