Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 17, 2020 at 9:00 pm #1238618
    RMConnection

    Hi Team,

    Right now I have a shopping cart button in the top right of my site on both desktop and mobile. However, the button is broken on mobile. It appears, but if you try to click on it nothing happens… I’m not sure why this is happening.

    Best,
    Jeff

    August 19, 2020 at 7:40 am #1239033
    Rikard

    Hey Jeff,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
#menu-item-shop {
  z-index: 99;
}
}

    Best regards,
    Rikard

    August 19, 2020 at 6:31 pm #1239245
    RMConnection

    Hi @rikard,

    Unfortunately, this did not solve the problem as the cart link is still broken on mobile. I forgot to mention above that the notifications for items in the cart do still show up on mobile. Not sure if that changes anything for you.

    Best,
    Jeff

    August 20, 2020 at 5:29 am #1239408
    Jordan Shannon

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also, clear the cache a few times over.

    Best regards,
    Jordan Shannon

    August 24, 2020 at 9:01 pm #1240518
    RMConnection

    Hi @rikard and @Jordan Shannon.

    This seemed to help however on mobile in order to click on the shopping cart link you actually have to click below and right of the actual icon which is not ideal. Any reason this might be happening?

    Best,
    Jeff

    August 26, 2020 at 5:03 am #1240821
    Rikard

    Hi Jeff,

    The CSS you added is not applying, please try this instead:

    @media only screen and (max-width: 767px) {
#menu-item-shop {
  z-index: 99 !important;
}
}

    Also make sure that you clear the cache from your caching plugin.

    Best regards,
    Rikard

    August 26, 2020 at 6:54 pm #1240997
    RMConnection

    Hi @rikard,

    This works perfectly. I’ll try to remember to add the !important next time something doesn’t work properly! Thank you for your help. This can be closed.

    Best,
    Jeff

    August 26, 2020 at 11:24 pm #1241022
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Shopping cart button not working in mobile’ is closed to new replies.