[solved] hide modules in mobile view on responsive 3rd party template.

[explodedk]

hi  i am using the Leo Furniture template on my shop . www.littlefriend.dk

 

when ever the page is viewed on mobile devices, it shows the frontpage without the dias show in the top.

 

i would like to hide other modules when it's shown on mobile devices. the modules i would like to hide is the ones in left collum when entering a product (categories, new products, watched products, manufactors and wishlist)

 

i want em to be viewable from tables and web but not mobile devices. can anyone point me in the right direction thanks

Edited March 19, 2014 by explodedk (see edit history)

[dioniz]

Try with media queries like this

@media (max-width: 767px) {
    #left_column{
       display:none;
   }
}

in css file

[explodedk]

ey . dioniz

 

i tried the code in my global.css file, but nothing changed. i still see the left column... any other ideas?

 

 

oops. my mistake, it worked just had to decrease the width a bit more on my monitor  

Edited March 19, 2014 by explodedk (see edit history)

[samuelprabhu]

Hi! Me too facing the same problem....

some one help me sort this issue...

[cmscluff]

For anyone wanting to know how to hide elements today.

 

The way I did this was to add  hidden-xs hidden-sm in the modules Class Suffix from configure. Found it to be very easy also, works like a treat on 1.6.1

Edited April 24, 2017 by cmscluff (see edit history)