Change icon on shop pages to button

How do I change remove the add to cart icon on mobiles that is showing and just keep it as a button?

See screenshot attached.

Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

Please deactivate all the plugins not related to the theme and switch the parent theme, check the issue, If the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem.

if the problem remains, even after the plugins deactivated, please, provide your site admin access to the private area.

Please confirm the permit for us to deactivate the plugins not related to the theme and switch to the parent theme for the while of checking what may take up to 15 minutes.

Best Regards

I don’t think it’s an error or problem. On a smaller screen the buttons on the shop pages under the products changes to an icon. I’m just saying I want it to stay as a button.

I added a sample request function so there should be a button for add to cart & a button for sample request.

Hello,

I see the doubled icon that is why thought it was a bug.

Please provide your site admin access to the private area. I will check what is possible to do.

Best Regards

It might be that they just need to be on different lines when on mobile devices with the sample request button under the add to cart button.

Let me know if you need anything else.

Thanks.

Hello,

Please check Dashboard > Settings > General > site URL: if your site is https://… it should be the same URL there.

Best Regards

They are both set to http, and so is the link I’m looking at.

Hello,

Sorry for the late reply.

Please check Settings > General: https://prnt.sc/12d6ss3 your site URL is specified without httpS, and actually your site URL is HTTPS.

Please contact your host support let them solve this, as soon as the icon would appear, let me know if you want to customize with CSS, I will provide the same.

Best Regards

It’s the same if it’s set to https which I have just done again now.

And on mobiles it’s still showing icons instead of buttons.

Attachments:

You must be logged in to view attached files.

Hello,

Please make the full backup of your site and update the theme up to 6.0.4 version, and update all the related plugins, if this double icon appears, deactivate the plugins not related to the theme and check again.

Best Regards

The issue is not the double icon. The issue is I want to show buttons there instead of icons.

1 icon is for add to cart & the other icon is to get a free product sample.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .wd-action-btn.wd-style-icon .button {
    background-color: orange;
	  border-radius:5px;
	  color:#ffffff;
    font-size:12px;
}
body .wd-action-btn.wd-style-icon .button:before,
body .wd-action-btn.wd-style-icon .button:after {
    display:none;
}

Best Regards

I there. Almost there. It does show a button but the text on the button is squashed & unreadable.

I think the buttons need to be on separate lines if you know how to do that?

Screenshot attached for you.

Attachments:

You must be logged in to view attached files.

Hello,

I am afraid it is not possible. HTML structure does not allow to do that, when I increase the width of the button, no space for these two buttons: https://prnt.sc/12lc3d6

Best Regards

[Author]

Posts