Cross sells are not showing on mobile(display:none)

  • YOBACK

    (@yoback)


    2 years, 2 months ago

    Hi!
    I’ve a problem with ocean WP. I cannot make it to show a cross-sells on mobile. How can i achieve that?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Abhishek

    (@abhikr781)

    2 years, 2 months ago

    Hello,

    Where exactly are you getting the issue on the cart page on the post pages?

    Kindly share that exact page URL and steps to replicate the issue.

    Thread Starter YOBACK

    (@yoback)

    2 years, 2 months ago

    Hi,
    the problem occurs only on mobile. Every product has cross-sell(set of brushes). If you add any of my products to the cart, there is a special “Maybe would you want to buy this as well?” box. But this is only visible on desktop page. If i try the same in mobile, i see that there is a property of “display:hidden”, and “width: 50%”.

    Abhishek

    (@abhikr781)

    2 years, 2 months ago

    Hello,

    Please try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

    @media only screen and (max-width: 767px){
.woocommerce .cart-collaterals .cross-sells {
    display: block;
    width: 100%;
}
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Cross sells are not showing on mobile(display:none)’ is closed to new replies.