'Cart' appearing twice in the header, only on mobile?

Store Design
1

Hello,

I wonder if anyone can help please. When viewing my store on mobile, I can see the ‘cart’ button twice in header. I can’t seem to fix this on customizing my store, does anyone know how to fix this?

Thank you in advance for any advice :slightly_smiling_face:

1 Like
2

@luxestorexx

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

@luxestorexx

Please provide your store URL.

4

Hi,

Please provide the Store URL.

5

hello @luxestorexx

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

1 Like
6

Please follow the steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.
  • Step 2: Go to Assets > timber.scss.liquid and paste this at the bottom of the file:
    @media only screen and (max-width: 768px){
    .medium-down–hide {
    display: none!important;
    }
    }
7

Thank you! I tried the above but it sadly didn’t work

Store link is

www.luxe-store.co.uk

1 Like
8

@luxestorexx

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media only screen and (max-width: 768px) {
.header-bar__right{display:none;}
}

Hope this works.

Thanks!

9

hello @luxestorexx

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (max-width: 769px) {
.header-bar .header-bar__right {
display: none;
}
}
10

hii, @luxestorexx
Paste this code in top of timber.scss file.

@media screen and (max-width: 769px) {
.header-bar__right.post-large--display-table-cell {
    display: none !important;
}
}

Thank You.