Add to cart, Mobile Button

  • Resolved baijiuyeg

    (@baijiuyeg)


    4 years, 10 months ago

    On the desktop version, my “ADD TO CART” button when putting food item in cart is not visible until hovering over it (appears black), making the user friendliness of the checkout on mobile confusing. Is there a way to remove the hover and have it be visible at all times, both on mobile and desktop.

    This has been an ongoing issue with multiple themes I’ve tested, anyone having the same issue?

    • This topic was modified 4 years, 10 months ago by baijiuyeg.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Contributor Kshirod Patel

    (@kshirod-patel)

    Hello,

    You can easily fix that by doing some small changes in the css.

    Thread Starter baijiuyeg

    (@baijiuyeg)

    I’m not as familiar with CSS changing, I have looked into my themes CSS and tried changing the button colours in elementor, can you be more specific on the changes that need to be made please?

    Maybe send a pathway so I know where to change it exactly? I am using the theme Exford.

    Use this CSS to change de background color

    .rpress-submit.button, .rpress-submit.button:visited {
    background: #b31d1d !important;
    }

    Use the color you want ??

    Thread Starter baijiuyeg

    (@baijiuyeg)

    Hallelujah! Thank you for that, do you have a code as well for the next step. My add to cart button once the “item” is actually open doesn’t show a continue shopping button where it should, until you hover over it and that doesn’t do much for the mobile users.

    https://baijiu2go.com/blog/food-items/

    if you select and item, and are choosing the quantity, the following prompt should say “add to cart” I cant seem to get it to be a solid button, it only appears in Hover.

    Thank you so much!

    Hello,
    for that button, try this CSS

    .rpress-popup-actions .submit-fooditem-button {
    background-color: gray;
    }

    *change de color gray, for the color you want ??

    • This reply was modified 4 years, 9 months ago by playdiune.
    Thread Starter baijiuyeg

    (@baijiuyeg)

    Thank you!

    This did the trick

    • This reply was modified 4 years, 9 months ago by baijiuyeg.
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Add to cart, Mobile Button’ is closed to new replies.