Mobile version cart position in the upper right hand corner

Store Design
,
1

Capture.PNG
Capture.PNG364×256 89.8 KB

I cant see to move my cart in mobile version to the upper right hand corner. Can anyone please help.

Thank you

2

Hello @PhillipT2C ,

You can try to follow these steps:

  • Go to Online Store → Themes → Actions → Edit code
  • Go to Assets → open component-cart-drawer.css.
  • Scroll down to the bottom of the stylesheet and add the following code:
@media (max-width: 767px) {
  .cart-link {
    position: absolute;
    top: 10px;
    right: 10px;
  }
}
  • Save and preview

Hope this can help you out. Let us know if you need any further support.

Ali Reviews team.

3

Hello @PhillipT2C

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->queires.css>Add this code at the bottom.

a.site-header__cart-toggle.js-drawer-open-right {
    color: #000000! important;
}
ul#mobile-cart {
    position: absolute;
    top: 10px;
    right: 50px;
}
4

I really appreciate your solution but it seems to interfere with the menu option on mobile. The menu becomes disabled.