Column disappears below a certain screen width

[tomtomg]

Setting up Absolute theme to take over from our current one, so not live yet. But...

Once in the "Shop" section of the site we have the left hand column which contains the product navigation. When the screen is below a certain width then this column disappears, so now the customer cant navigate the products. Not great.


Tracked this down to Template Editor - Pages - Additional CSS:

/*----- Below 1024px wide -----*/


@media screen and (max-width:1024px) {
div.header {height: 120px;}
#hdr-wrapper {line-height: 70px; height: 70px;}
#hdr-search {top: 120px;}
.header.wysiwyg #hdr-search {top: 160px;}
div#nav {top: 75px;}
#nav table, #nav td {height: 30px;}
#nav td {display: inline-block;}
.child {margin-top: 15px; padding: 10px; display: flex; flex-flow: row wrap; padding-bottom: 30px;}
.childcolumn {margin-left: 10px; margin-top: 20px;}
.childcolumn-left {margin-left: 10px;}
.childheading-top {margin-top: 20px;}
td#center, td#centertop {padding-top: 140px;}
#left, #right {display: none;}
div.footer {height: 800px;}
div.footing {width: 50%; padding: 40px 20px 0 20px;}
}


Normally I'd trial and error it, but not sure where to start on this one. Its mainly an issue on tablets, as the theme doesn't switch to the mobile version.

Cheers, Tom

[Mikey]

This will be the line here that turns off the columns once the screen width falls below 1024 pixels:

#left, #right {display: none;}

Either simply delete it or wrap it in comment tags so that it gets ignored (that way you can easily re-enable it if required at a later date) - example:

/*#left, #right {display: none;}*/

Hope this helps,

Mike

[tomtomg]

I'm going to have to start paying you tech support fees at this rate! Spot on, did the job. Cheers

[Mikey]

I'm going to have to start paying you tech support fees at this rate! Spot on, did the job. Cheers

Lol no worries, nice easy one to be fair!!