Gastono Posted November 30, 2014 Share Posted November 30, 2014 Hi all, simple question, topic title says it all, Is it possible to hide the left column on mobile devices and show the left column on tablet and computers. I know i can disable modules for mobile or just showing them but i dont know if it can be don with the entire left column. prestashop 1.6.0.9 default theme Link to comment Share on other sites More sharing options...
vekia Posted November 30, 2014 Share Posted November 30, 2014 header.tpl to left column div add class=" hidden-xs hidden-sm" 1 2 Link to comment Share on other sites More sharing options...
Gastono Posted November 30, 2014 Author Share Posted November 30, 2014 @ Vekia ; thanks man , sound so simple when reading the sollution but all is kinda like chinees for me. Mark as solved Link to comment Share on other sites More sharing options...
vekia Posted November 30, 2014 Share Posted November 30, 2014 you already changed div i mentioned? :-) Link to comment Share on other sites More sharing options...
Gastono Posted November 30, 2014 Author Share Posted November 30, 2014 yes , just did works perfectly. tnxs 1 Link to comment Share on other sites More sharing options...
vekia Posted November 30, 2014 Share Posted November 30, 2014 grat, thank you for confirmation i marked topic title as solved too with regards, Milos Link to comment Share on other sites More sharing options...
Gastono Posted November 30, 2014 Author Share Posted November 30, 2014 hmm, reacted positively to soon. In fact the left column is gone on mobile devices indeed, but,, on computers the left column now streches across the whole page. Any ideas?? Link to comment Share on other sites More sharing options...
vekia Posted November 30, 2014 Share Posted November 30, 2014 share url if it is possible, will see what's going on, perhaps it's a case of hidden-sm try to remove this class (use only hidden-xs) Link to comment Share on other sites More sharing options...
Gastono Posted November 30, 2014 Author Share Posted November 30, 2014 http://shopnw.naturalbeautyparkstad.nl/ tryed using only hidden-sm and hidden-xs both didn't do the job Link to comment Share on other sites More sharing options...
vekia Posted November 30, 2014 Share Posted November 30, 2014 you removed: column col-xs-12 col-sm-3 and it's bad you have to use these classes in addition to hidden-xs and hidden-sm i mean:<div id="left_column" class="column col-xs-12 col-sm-3 hidden-xs hidden-sm"> 2 Link to comment Share on other sites More sharing options...
Gastono Posted November 30, 2014 Author Share Posted November 30, 2014 originaly it was <div id="left_column" class="column col-xs-12 col-sm-{$left_column_size|intval}"> i changed this to <div id="left_column" class=" hidden-xs hidden-sm" class="column col-xs-12 col-sm-{$left_column_size|intval}"> wich resulted in streched left column. After playing around a bit with it i didn't correct it to previous values col-sm-{$left_column_size|intval} But doing <div id="left_column" class="column col-xs-12 col-sm-3 hidden-xs hidden-sm"> corrected the problem. checked on computer and mobile,( just not on tablet (battery defect)) so i guess its ok now thanks a lot ones again. 2 Link to comment Share on other sites More sharing options...
Recommended Posts