Mobile responsive Wishlist distorted

  • Resolved hunchopreneur

    (@hunchopreneur)


    4 years, 2 months ago

    I applied the add_filter( ‘yith_wcwl_is_wishlist_responsive’, ‘__return_false’ ); function to make my mobile wishlist responsive, but at this stage, the product images are distorting the table and making it out of place. What PHP snippet or function can I use to stop displaying the product thumbnail?

    I thought of editing the function file, but if I do so when my theme updates it will go.

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

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

    (@yithemes)

    Hi there

    Let me clarify for the other users that may read this topic, that the hook that you highlighted is used to remove default Wishlist responsive layout, and use same template for desktop and mobile view instead (which isn’t recommended)

    Anyway, here’s a little snippet of CSS that should solve problems with your layout
    Please, try to add it at the end of Additional CSS section of your theme customizer (Wp Dashboard -> Appearance -> Customize)

    @media( max-width: 768px ) {
    .wishlist_table td.product-thumbnail{
        position: static!important;
        display: table-cell!important;
        width: 70px!important;
    }
    .wishlist_table td.product-name,
    .wishlist_table td.product-remove{
        float: none!important;
    }
    .wishlist_table td.product-add-to-cart{
        min-width: 100px!Important;
    }
}
    Thread Starter hunchopreneur

    (@hunchopreneur)

    Ok, that looks better now. Thank You

    Plugin Author YITHEMES

    (@yithemes)

    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 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile responsive Wishlist distorted’ is closed to new replies.