Home Forums Weaver Xtreme Theme CTA Buttons are Not Showing Correctly on Mobile Devices

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #76666
    miamax
    Participant

    I have 3 different CTA buttons on this web site:
    https://www.dwellinthegarden.com

    See 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?

     

    #76667
    scrambler
    Moderator

    May be I do not understand, but I do not see any such button.

    Can you elaborate

    #76668
    miamax
    Participant

    If you look on those linked pages you will see the CTA buttons under each product.

     

    #76669
    miamax
    Participant

    Please 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.

    #76671
    scrambler
    Moderator

    Your 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?

    #76678
    miamax
    Participant

    That’s it, I had to change the HTML from class=”amazon-button” to class=”etsy-button”.

    Thank you so much for finding that!

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.