Hi,
I have just removed the search icon from this top menu, as a result the cart icon sits next to the menu.
The top of my site now looks like this:
sec 1 the logo left,
sec 2 menu listed alongside and
sec 3 the cart icon next to the menu
I would like the cart icon moved top right and leave the other two sections as they are. There is lots of info on here but I can’t find a solution. If someone could assist please.
Thank you
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Please add below css in bottom of assets/base.css file
@media screen and (min-width: 990px)
.header–middle-left {
display: flex;
width: 100%;
justify-content: space-between;
}
Thank you.
add this code to your base.css file.
Navigate to online store >> Click edit theme code.
Now find base.css and paste the following code:
@media screen and (min-width: 990px){
.header--middle-left {
grid-template-columns: 1fr 1fr !important;
}
}
can you please try this code
@media screen and (min-width: 990px){
.header--middle-left {grid-template-columns: auto;justify-content: space-between;}
}
@KetanKumar @eFoli-Marvic @Denishamakwana thanks for the reply however none of these solutions worked for me. I assume the website updates automatically, as I waited a few minutes for each option but the cart icon does not move to top righthand side.
oh sorry can remove first one after add this code
.header--middle-left {grid-template-columns: auto;justify-content: space-between;}
After this code
It still isn’t working. I may have misunderstood you though @KetanKumar
I have removed the other solutions, it is back to how it was. Now do I just add
.header–middle-left {grid-template-columns: auto;justify-content: space-between;}
to the bottom of the base.css ?
