Change content position on the header

Shopify Discussion
1

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
Mohd01_0-1737559671100.png1902×107 10.5 KB

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

2

Hi @Mohd01
Please follow instruction:

  1. From your Shopify admin, go to Online Store > Themes > Customize

brisk_code_0-1737562228803.png
brisk_code_0-1737562228803.png1823×618 125 KB

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

brisk_code_1-1737562428052.png
brisk_code_1-1737562428052.png2019×707 114 KB

3

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
brisk_code_0-1737563027980.png2033×962 179 KB

4

Hey there, sadly it did not work

5

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

6

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

7

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

Mohd01_0-1737569669457.png

8

Mohd01_1-1737569687239.png
Mohd01_1-1737569687239.png1900×108 8.85 KB

Thats a better picture there

9

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;
    }
}
10

Unfortunately, It still did not fix it