Cart disappears on Mobile View - by Lily

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

  • Avatar: Lily
    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?

    17 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 8, 2018 at 09:25

    Hello,

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

    Regards

    Avatar: Lily
    Lily
    Participant
    June 12, 2018 at 13:38

    Thanks

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 12, 2018 at 13:43

    You’re welcome!

    Regards

    Avatar: Lily
    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

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

    Regards

    Avatar: Lily
    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

    Avatar: Rose Tyler
    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

    Avatar: Lily
    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.

    Avatar: Rose Tyler
    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

    Avatar: Lily
    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?

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

    Regards

    Avatar: Lily
    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!

    Avatar: Rose Tyler
    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

    Avatar: Lily
    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.

    Avatar: Rose Tyler
    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

    Avatar: Lily
    Lily
    Participant
    June 28, 2018 at 12:34

    Thanks for double checking

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 29, 2018 at 08:14

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

    Regards

  • Viewing 18 results - 1 through 18 (of 18 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.