Hide at screen width?

  • Resolved Florence

    (@floortjahh)


    7 years, 3 months ago

    FINALLY! A plugin that JUST works! Thank you!

    I have just one question. This plugin might be the perfect solution to my problem. I would like it to be only visible on mobile, as that is when my burger menu hides the cart in the menu.

    It should be possible with CSS, no?

    I would love to have it visible on all screens, but unfortunately I have a chat function on my website that gets in the way. Thanks again!

    • This topic was modified 7 years, 3 months ago by Florence.
Viewing 6 replies - 1 through 6 (of 6 total)
  • xootixsupport

    (@xootixsupport)

    7 years, 3 months ago

    Hello @floortjahh

    Do you want to only hide the basket or the whole side cart?
    I am mentioning both the solutions , kindly read the comments.

    /* For devices less than 600px , change max to min for greater than 600px */
@media only screen and (max-width: 600px) {
  /* hides basket */
  .xoo-wsc-basket {
    display: none!important;
  }

   /*Hides side cart*/
   .xoo-wsc-container , .xoo-wsc-opac{
        display: none!important;
    }
}
    • This reply was modified 7 years, 3 months ago by xootixsupport.
    Thread Starter Florence

    (@floortjahh)

    7 years, 3 months ago

    Thank you, this is awesome! 🙂 I’ll try it right away.

    xootixsupport

    (@xootixsupport)

    7 years, 3 months ago

    You also need to add class “xoo-wsc-opac” , I’ve updated it.
    Kindly check again.

    Thread Starter Florence

    (@floortjahh)

    7 years, 3 months ago

    Hi thanks, it works perfectly, but the effect is the wrong way around. I want to hide the side cart and the basket on larger screens, but show them on smaller screens. That way it will account for the hidden cart in the burger menu on mobile.

    xootixsupport

    (@xootixsupport)

    7 years, 3 months ago

    You missed the comment
    /* For devices less than 600px , change max to min for greater than 600px */
    change max-width to min-width

    Thread Starter Florence

    (@floortjahh)

    7 years, 3 months ago

    Oops! I need some coffee, thanks again. Can’t wait to use your plugin!

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

The topic ‘Hide at screen width?’ is closed to new replies.