Return to previous page

Cart disappears on Mobile View - by Lily

This topic has 18 replies, 2 voices, and was last updated 6 years, 11 months ago ago by Rose Tyler

Lily

Participant

June 8, 2018 at 08:58

Hi,

We have never noticed before but on Mobile view the ‘Cart Icon’ disappears. See here: https://www.screencast.com/t/tccRU82g

It is normally up in the right hand corner on desktop: https://www.screencast.com/t/WMoZUIv1tV

Is there somewhere in the system that is stopping the cart from showing?

#194567 Copied

17 Answers

Rose Tyler

Support staff

June 8, 2018 at 09:25

Hello,

Please see screenshot – https://prnt.sc/jsf8cn

Regards

#194568 Copied

Lily

Participant

June 12, 2018 at 13:38

Thanks

#194755 Copied

Rose Tyler

Support staff

June 12, 2018 at 13:43

You’re welcome!

Regards

#194757 Copied

Lily

Participant

June 12, 2018 at 14:30

Many thanks is it possible to move over to the right or up a little? AS it is overlaying the logo, see here: https://screencast.com/t/5RKiumAuw3N

#194762 Copied
Rose Tyler

Support staff

June 12, 2018 at 14:37
@media (max-width:480px){ .header .shopping-cart-widget { right: -40px; } }

Regards
#194764 Copied
Lily

Participant

June 14, 2018 at 12:55

Hi

I have put in CSS but the cart has not moved? See here: https://screencast.com/t/HNSzNPss

#194883 Copied
Rose Tyler

Support staff

June 14, 2018 at 12:58
Hello,

Please change the code to:

@media (max-width:480px){ .header .shopping-cart-widget { right: -40px !important; } }

Regards
#194884 Copied
Lily

Participant

June 16, 2018 at 22:24

Hi,

Can you check your end as I cannot see what the change is, see here: https://screencast.com/t/p01YZ4cTnu3 it is still showing in same place.

#195012 Copied

Rose Tyler

Support staff

June 18, 2018 at 09:20

Hello,

I do not see the problem – http://prntscr.com/jw6vfx Please, clear cache and check one more time.

Regards

#195031 Copied

Lily

Participant

June 18, 2018 at 15:48

Many thanks, what would i need to make the value appear further away from Cart icon, maybe 2px gap?

#195100 Copied
Rose Tyler

Support staff

June 18, 2018 at 15:58
.shopping-cart-widget .cart-summ > .cart-bag:before { margin-right: 5px; }

Regards
#195102 Copied
Lily

Participant

June 19, 2018 at 13:02

not sure if it is cache again, but I changed to margin-right of 25px but nothing has happened: https://screencast.com/t/3rZCHRuC

also it doesn’t seem to show on Iphones!

#195154 Copied
Rose Tyler

Support staff

June 19, 2018 at 13:24
Oh I see, please change the code to:

.shopping-cart-widget .cart-summ > .cart-bag:before { margin-right: 5px !important; }

Regards
#195158 Copied
Lily

Participant

June 26, 2018 at 17:46

Hi,

I updated the CSS and still the value doesn’t move, see here: https://screencast.com/t/IeSW2baF7sr I Have set margin-right to 20px.

#195572 Copied

Rose Tyler

Support staff

June 27, 2018 at 09:56

Hello,

The code works http://prntscr.com/jzvc13 Do not forget to clear cache before checking.
Please set 5px http://prntscr.com/jzvcis > clear cache and check or check from another computer.

Regards

#195625 Copied

Lily

Participant

June 28, 2018 at 12:34

Thanks for double checking

#195687 Copied

Rose Tyler

Support staff

June 29, 2018 at 08:14

You’re welcome!
Let us know if you need any further assistance.

Regards

#195719 Copied
Viewing 18 results - 1 through 18 (of 18 total)