Mobile add to card button

After my last update…add to card button on mobile changed…it was icon now its text, but text is too long for mobile display

how to set to show icon instead of text (but ONLY on mobile) or how to change font of add to card on mobile view

Desktop mode is totally fine, just issue with mobile/phone view “add to card”

i want on phone to display cart icon instead of text but on desktop to be normal (text and when hover to display icon) like usual..it was normal but after update on mobile view its showing like on desktop, how to fix it?

Hello,

I would like to request temporary admin access to the website to take a better look at the issue there

Thank you in advance.

Kind Regards

[luka.soldo007]

Sure..and please check warning that i’m getting..i know its elementor but i got it after updating theme

https://ibb.co/1fgN0YL

Warning: Undefined array key “margin_tablet” in /home/u942536509/domains/matrix-centar.com/public_html/wp-content/plugins/elementor/core/files/css/base.php on line 783

Warning: Undefined array key “margin_mobile” in /home/u942536509/domains/matrix-centar.com/public_html/wp-content/plugins/elementor/core/files/css/base.php on line 783

Warning: Undefined array key “padding_tablet” in /home/u942536509/domains/matrix-centar.com/public_html/wp-content/plugins/elementor/core/files/css/base.php on line 783

• This reply was modified 4 months, 2 weeks ago by luka.soldo007.

Attachments:

You must be logged in to view attached files.

Hello,

For the tablet and mobile set the 0 margin and padding in the body settings of Elementor – https://prnt.sc/sWEzCTrYJNPD

Then check how it works.

Kind Regards

[luka.soldo007]

Yeah, that helped..warning not showing anymore, thanks

can you please check that thing with text showing instead of icon on mobile view on “add to c ard ” button
on mobile view it should be icon (it was icon before, but now its text, turn into icon on hover” but on phone i think it should be icon the whole time..

on desktop its okay text to icon (like usual) but on phone it should be only icon because text is too long and if i said smaller font it looks weird

• This reply was modified 4 months, 2 weeks ago by luka.soldo007.

[Luke Nielsen]

Hello,

Use the code below to show the cart icon:

body .wd-product.wd-hover-fw-button .wd-add-btn .add-to-cart-loop span {
    display: none !important;
}

body .wd-product .wd-add-btn-replace .add-to-cart-loop:before {
    transform: unset;
}

Define it for Mobile CSS area in Theme Settings -> Custom CSS.

Kind Regards

• This reply was modified 4 months, 2 weeks ago by Luke Nielsen.

[Author]

Posts