Search code examples
htmlcsstwitter-bootstrapshow-hideresponsive

hide elements in responsive mode in large screen


on this page: here

in responsive view of 360×640 I don't want the sidebar to appear or maybe appear in a click button like menu above as it is pushing the original content down see enter image description here

I have tried

    visibility:hidden;

for this screen resolution but then just the text disappears and box remains there see enter image description here

any help is much appreciated! Thanks


Solution

  • @media screen and (max-width: 600px) { .sidebar{ display:none; }}

    according to your page

    @media screen and (max-width: 600px) { .product-listy { display:none; }}