Okay
  Public Ticket #2913696
Empty Cart button on mobile Not Responsive
Closed

Comments

  •  7
    EllenCoolDutch started the conversation
    November 10, 2021 at 5:07pm

    Hi There,

    "The back to the store button" is not responsive on a mobile phone. Is it possible to change the size of the button with css on mobile phones so it will look nice again?

    I send you a screendump of the situation. It's in dutch so "Terug naar de winkel" means "Back to the store" in english. :-)

  •  2,959
    Andrew replied
    November 10, 2021 at 9:31pm

    Hi there,

    Use the following CSS.

    @media only screen and (max-width: 690px){
    .woocommerce-page .woocommerce p.return-to-shop a.wc-backward {
        font-size: 15px;
    }
}

    Regards,

  •  7
    EllenCoolDutch replied
    November 11, 2021 at 8:07am

    It's working!!! Thank you so much. Best Support as ever....Thanks and have a great day!

  •  7
    EllenCoolDutch replied
    November 11, 2021 at 8:37am

    I am sorry but one more thing...

    When I empty my cart woocommerce returns with a message: "item from the shop" removed. (in dutch: "Bordje met Liefde" undo?

    I think it's called the woocommerce message, but i am not sure.

    Is it possible to also make this tiny and nice for a mobile screen?

    See attachment

  •  2,959
    Andrew replied
    November 11, 2021 at 9:36am

    Hi again,

    Use the following CSS.

    @media only screen and (max-width: 690px){
    .woocommerce-cart .woocommerce-message {
        font-size: 15px;
    }
}

    Regards,

  •  7
    EllenCoolDutch replied
    November 11, 2021 at 2:22pm

    And again, it works... Thanks....

    One more thing:

    Is it possible to change the "X" in de cart from Woocommerce into an icon of a "trash bin" with CSS?

  •  2,959
    Andrew replied
    November 11, 2021 at 3:12pm

    Hi again,

    Try the following CSS.

    .woocommerce-page table.cart a.remove:before {
    content: "\f1f8";
    visibility: visible;
}
.woocommerce-page table.cart a.remove {
    visibility: hidden;
    font-family: FontAwesome;
}

    Regards

  •  7
    EllenCoolDutch replied
    November 11, 2021 at 4:15pm

    :-( 

    sry but this doesn't work

  •  2,959
    Andrew replied
    November 11, 2021 at 4:39pm

    Hi again,

    Is this on mobile or desktop?

    6923725392.png

    Regards

  •  7
    EllenCoolDutch replied
    November 13, 2021 at 9:14am

    On both....

    On the desktop version it's still a X and on the mobile version there is nothing anymore... So no X and no trash can.

    See attachments,

    Thanks again

  •   Andrew replied privately
  •   EllenCoolDutch replied privately
  •   Andrew replied privately
  •   EllenCoolDutch replied privately
  •  8,840
    Tahir replied
    November 15, 2021 at 6:57am

    Hey Again,

    The user pass is not working, please confirm?.

    Thanks 

    ThemeNectar Support Team 

  •   EllenCoolDutch replied privately
  •  1,878
    Judith replied
    November 15, 2021 at 8:33am

    Hi Ellen,

    Please check this out and see whether it helps:https://www.businessbloomer.com/woocommerce-change-remove-item-icon-cart/.

    Thanks.