Mobile layout broken

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author YITHEMES

    (@yithemes)

    5 years, 7 months ago

    Hi there

    Could you please share with us an url to your site, so that we can check the problem directly on your installation?

    Thread Starter myfakename

    (@myfakename)

    5 years, 7 months ago

    Hi

    Please view

    https://ibb.co/xgmh9pL

    • This reply was modified 5 years, 7 months ago by myfakename.
    Plugin Author YITHEMES

    (@yithemes)

    5 years, 7 months ago

    Hi there

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

    ul.wishlist_table.wishlist_view.mobile{
    margin: 0!important;
}

ul.wishlist_table.wishlist_view.mobile li{
    list-style: none;
}

ul.wishlist_table.wishlist_view.mobile li .product-thumbnail,
ul.wishlist_table.wishlist_view.mobile li .item-details{
    display: block;
    min-width: 100%;
}

ul.wishlist_table.wishlist_view.mobile li .product-thumbnail a{
    display: block;
    text-align: center;
}

ul.wishlist_table.wishlist_view.mobile li .item-details .product-name{
    text-align: center;
}

ul.wishlist_table.wishlist_view.mobile li .item-details .item-details-table{
    margin-top: 0;
    max-width: 150px;
    margin: 0 auto;
}

ul.wishlist_table.wishlist_view.mobile li .item-details .item-details-table tr{
    background: transparent;
}

    This is the final result that I got on your site: screen

    Thread Starter myfakename

    (@myfakename)

    5 years, 7 months ago

    Hi, this is great! Works very well, thank you! 😀

    I have one more change I’d like to make – the ‘delete’ button appears in a confusing location, under the ADD TO CART button. It is not clear whether this delete button is for the product above or below.

    Is there any way to move this button higher up in the same line as ADD TO CART?

    https://ibb.co/Gkc6yNG

    • This reply was modified 5 years, 7 months ago by myfakename.
    Plugin Author YITHEMES

    (@yithemes)

    5 years, 6 months ago

    Hi there

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

    ul.wishlist_table.wishlist_view.mobile li {
    position: relative;
}
ul.wishlist_table.wishlist_view.mobile li .product-remove {
    position: absolute;
    right: 15px;
    bottom: 0;
}

    This is the final result on your site: screen

    Thread Starter myfakename

    (@myfakename)

    5 years, 6 months ago

    This is perfectly done 🙂 Thank you very much!

    Plugin Author YITHEMES

    (@yithemes)

    5 years, 6 months ago

    You’re welcome!

    We are doing our best to improve our plugins. Our target is to develop and release the best free plugins for WooCommerce, but to achieve this we need your help. Please leave a good review to support us and help our growth 🙂

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Mobile layout broken’ is closed to new replies.