• Resolved myfakename

    (@myfakename)


    Hello,
    Please see image attached.

    https://ibb.co/LhMzV0p

    I can’t figure out how to move the item title. I would prefer to have it under the thumbnail.

    The price is also oddly aligned. I would like it in the center and background changed to white.

    I’d appreciate any help. Thank you

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

    (@yithemes)

    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)

    Hi

    Please view

    https://ibb.co/xgmh9pL

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

    (@yithemes)

    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)

    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 4 years, 4 months ago by myfakename.
    Plugin Author YITHEMES

    (@yithemes)

    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)

    This is perfectly done ?? Thank you very much!

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