All things Shopify and commerce
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
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:
Store URL: https://cngdxq-tk.myshopify.com/
Thanks In Advance,
Hi @Mohd01
Please follow instruction:
1. From your Shopify admin, go to Online Store > Themes > Customize
2. Click to Header, select the Desktop Logo Position and click Save
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:
Hey there, sadly it did not work
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
your store is fix in my side, maybe you did another way?
I did exactly as you said but this is how it looks
Thats a better picture there
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;
}
}
Unfortunately, It still did not fix it