
Originally Posted by
rbarbour
The side-boxes for specific devices in v1.5.5 Responsive Classic are controlled by CSS.
Open these 3 files:
/includes/templates/responsive_classic/css/responsive_default.css
/includes/templates/responsive_classic/css/responsive_mobile.css
/includes/templates/responsive_classic/css/responsive_tablet.css
The responsive_default.css file manipulates the side-boxes for all devices if a UA (User-Agent) is not detected.
The responsive_mobile.css & responsive_tablet.css files manipulates the side-boxes for specific devices if a UA (User-Agent) is detected
Each file will have code that starts with:
Code:
/*bof side-boxes*/
/* ADD { display:none;visibility:hidden; } to Hide Side-Box */
/* LEAVE BLANK { } to Show Side-Box */
Take a look at the CSS and how the stock side-boxes are handled.
Hi
I have tried this method in order to get the categories sidebox to display in mobile view. In desktop responsive view it works but it's not working in mobile view. Firebug shows me for the #categories sidebox there's an inline style with display: none; visibility: hidden;.
Code:
<div style="display: none; visibility: hidden;" id="categories" class="leftBoxContainer">
Am I missing something?
thanks
Bookmarks