I’d like to move the search and cart to the same line as the menu on the right side of my online store in the dawn theme please.
Hi @Rimagaradah
Please drop your store link to check please.
https://admin.shopify.com/store/314169-3/themes/122120732766/editor
can i move the menu to the right side and have the search and cart next to it
Your store has password protected
Just removed the password
Please add this code at bottom of your base.css file in Online store > Themes > Edit code
.header { grid-template-areas: "heading icons" !important; }
@media screen and (max-width: 989px) {
.header--mobile-left {
grid-template-columns: auto 3fr 1fr !important;
}
}
header-drawer { justify-self: end !important; }
Could I have the menu in the mega menu style not the drawer please
& could I actually take out the search option & just move the cart next to the about on the right side
Yes but could you remove the search option & move the Arabic writing right next to the “W84IT” not underneath it please
Please add this code at the bottom of your base.css file
header-drawer, .header__search { display: none; }
nav.header__inline-menu { display: block; }
.header { display: flex !important; justify-content: space-around; }
Am i supposed to be removing the previous codes? Or adding them all
Remove previous code and replace them with new ones
This is what it looks like for me. Could I remove the search option completely & move the “shop and about” section to the very right next to the cart please?
Did you check in mobile device?
So the change you are asking is for desktop?
Yes please
sorry I didn’t know there was a difference between the desktop and mobile.
Please remove all code, go to your Online store > Themes > Customize > Header, Desktop logo position > select Middle left, save your template then I can provide the new code
