Home › Forums › Weaver Xtreme Theme › CTA Buttons are Not Showing Correctly on Mobile Devices
- This topic has 5 replies, 2 voices, and was last updated 5 months ago by
miamax.
-
AuthorPosts
-
April 15, 2026 at 21:54 UTC - Views: 28 #76666
miamax
ParticipantI have 3 different CTA buttons on this web site:
https://www.dwellinthegarden.comSee on Amazon — Download on Etsy — See on Zazzle
All the buttons are fine on a desktop.
BUT, the Etsy listings that I have on https://www.dwellinthegarden.com/instant-download-bible-games/ are showing the CTA button “See on Amazon” on every phone when they should be showing the Etsy CTA buttons.
The links are alright, they go to Etsy. It’s that the buttons aren’t showing correctly.
Same thing with the Zazzle CTA button on https://www.dwellinthegarden.com/personalized-doormats/, it is showing the Amazon CTA button.
Again, buttons are all fine on desktop. Not showing correctly on android devices.
Is there a setting I need to change to allow Weaver Xtreme (free version) to not default all buttons to the Amazon CTA button?
April 15, 2026 at 22:18 UTC - Views: 27 #76667scrambler
ModeratorMay be I do not understand, but I do not see any such button.
Can you elaborate
April 15, 2026 at 23:07 UTC - Views: 23 #76668miamax
ParticipantIf you look on those linked pages you will see the CTA buttons under each product.
April 15, 2026 at 23:09 UTC - Views: 21 #76669miamax
ParticipantPlease look at the links on desktop and on a phone.
They are fine on a desktop.
On a mobile device, they are all the Amazon CTA buttons.
April 15, 2026 at 23:46 UTC - Views: 17 #76671scrambler
ModeratorYour button download on etsy have a class Amazon-button, which does not sound right.
That class adds a background that says Amazon instead of the etsy image on mobile with the rule below
a.amazon-button {
display: block !important;
width: 160px !important;
height: 40px !important;
background-image: url(“https://www.dwellinthegarden.com/wp-content/uploads/2026/03/See-on-Amazon-x-button.png”) !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
text-indent: -9999px !important;
overflow: hidden !important
}Hoe are you generating your buttons? With a plugin, or manual HTML?
April 16, 2026 at 14:59 UTC - Views: 8 #76678miamax
ParticipantThat’s it, I had to change the HTML from class=”amazon-button” to class=”etsy-button”.
Thank you so much for finding that!
-
AuthorPosts
- You must be logged in to reply to this topic.

