How to move menu hamburger to right and hide checkout box only in mobile version

Store Design
1

URL is www.ahly.com.au

  1. how to move menu hamburger to right and hide checkout box only in mobile version?

aus10188_0-1648092383611.png
aus10188_0-1648092383611.png480×225 21 KB

thanks

cecilia

1 Like
2

Hello there,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
@media only screen and (max-width: 750px){
header-drawer {
display: flex;
grid-area: icons;
justify-self: end;
}
.header__icons {
padding-right: 40px;
}
.header__icons a#cart-icon-bubble {
display: none;
}
}
3

Hi @aus-10188 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
@media (max-width: 749px) {
.header {
    grid-template-areas: "heading icons left-icon"!important;
}
.header__icon--cart {
    display: none !important;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.