Return to previous page

Wishlist page is not fully visible on mobile

This topic has 3 replies, 3 voices, and was last updated 10 months ago ago by Andrew Mitchell

Ramin

Participant

February 17, 2024 at 20:52

Hello, Wishlist page is not fully visible on mobile. The delete icon is not visible at all. What can I do?

Image: https://prnt.sc/PKiEPxir0rpI

#383719 Copied Theme version: 9.2.8

2 Answers
Rose Tyler

Support staff

February 18, 2024 at 08:14
Hello, Ramin,

Thank you for reaching out to us with your concern. We understand that the Wishlist page is not displaying correctly on mobile devices, and the delete icon is not visible. We apologize for any inconvenience this may have caused you.

Please ad the next code in Theme Options > Theme custom CSS > Mobile:
```
form.xstore-wishlist-form thead th:not(.xstore-wishlist-checkbox, .xstore-wishlist-product) {
    display: none;
}
form.xstore-wishlist-form thead th.xstore-wishlist-checkbox {
    padding-top: 10px;
    padding-bottom: 10px;
}
tbody.xstore-wishlist-items td:not(.xstore-wishlist-checkbox, .xstore-wishlist-product) {
    display: block;
    padding: 5px 0;
}
form.xstore-wishlist-form td {
    vertical-align: top;
}
tbody.xstore-wishlist-items td.xstore-wishlist-action {
    text-align: start;
    padding-bottom: 15px;
}
form.xstore-wishlist-form .xstore-wishlist-product {
    display: flex;
    padding: 10px 0 !important;
}
form.xstore-wishlist-form .form-actions>div>div {
    flex-wrap: wrap;
}
form.xstore-wishlist-form .form-actions>div>div select {
    margin: 10px 0;
}
form.xstore-wishlist-form .form-actions>div>div a {
    flex: 1;
    flex-basis: 100%;
}
.xstore-wishlist-action .button {
    margin-left: 0;
}
table.xstore-wishlist-table {
    margin-bottom: 0;
}
.xstore-wishlist-form .form-actions {
    padding-top: 5px;
}
```
Kind Regards,
8theme team
#383727 Copied
Andrew Mitchell

Support staff

February 18, 2024 at 08:47

Dear Ramin,

We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

Click here to spread the love: https://themeforest.net/downloads

Thank you for being an integral part of our journey!

Best Regards,
The 8Theme Team

#383734 Copied
Tagged: fix woocommerce mobile view, mobile wordpress templates, wishlist visibility issues, woocommerce mobile troubleshooting, woocommerce wishlist page, wordpress mobile wishlist fixes, wordpress wishlist page solutions
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Wishlist page is not fully visible on mobile’' has been successfully resolved, and the topic is now closed for further responses

Wishlist page is not fully visible on mobile

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection