Wishlist mobile view is broken

toto135
(@toto135)

5 years, 7 months ago

Hello,

The moile view for this wishlist gets broken when viewed in mobile.
When the page is loading, the format seems to be loading correctly: https://prnt.sc/u8ltem.
But when the page fully loads, the table breaks: https://prnt.sc/u8lual

Please advice on how can I fix this.

Thanks!!

The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

Plugin Author

(@yithemes)

Hi there

Please, try to add the following CSS rules to Additional CSS section of theme customizer (WP Dashboard -> Appearance -> Customize)

.wishlist_table.mobile li{
    position: relative;
    margin-bottom: 15px;
}

.wishlist_table.mobile .product-thumbnail{
    margin-bottom: 15px;
}

.wishlist_table.mobile h3 {
    text-align: center;
}

.wishlist_table.mobile .item-details-table{
    text-align: center;
}

.wishlist_table.mobile .item-details-table tbody{
    display: inline-block
}

.wishlist_table.mobile .item-details-table,
.wishlist_table.mobile .item-details-table td{
    border: none;
    color: #444;
    display: inline-block
}

.wishlist_table.mobile .product-add-to-cart {
    text-align: center;
}

.wishlist_table.mobile .product-add-to-cart .ftc-tooltip{
    display: inline-block;
}

.wishlist_table.mobile .product-remove {
    position: absolute;
    bottom: 5px;
    right: 15px;
}

Here the final result that I got on your installation

Viewing 1 replies (of 1 total)

The topic ‘Wishlist mobile view is broken’ is closed to new replies.

Tags