Results 1 to 4 of 4

Thread: Column disappears below a certain screen width

  1. #1
    Join Date
    Sep 2017
    Posts
    193

    Default Column disappears below a certain screen width

    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

  2. #2
    Join Date
    Aug 2016
    Posts
    241

    Default

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

    Code:
    #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:


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

    Hope this helps,

    Mike

  3. #3
    Join Date
    Sep 2017
    Posts
    193

    Default

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

  4. #4
    Join Date
    Aug 2016
    Posts
    241

    Default

    Quote Originally Posted by tomtomg View Post
    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!!

Similar Threads

  1. Can I put the price below size options?
    By pinkypie in forum Bluepark Technical Discussion
    Replies: 3
    Last Post: 20-03-2017, 11:06
  2. Out of stock - add to basket just disappears
    By Deefer in forum Bluepark Technical Discussion
    Replies: 20
    Last Post: 22-06-2015, 15:16
  3. Changing from 3 column to 2 column
    By sillybilly in forum Bluepark Technical Discussion
    Replies: 6
    Last Post: 02-09-2012, 21:41
  4. Prevent Shipping of Certain product to Certain countries
    By Ashley in forum Bluepark Technical Discussion
    Replies: 2
    Last Post: 24-06-2012, 09:44
  5. Edit Line Below Heading
    By mijakos in forum Bluepark Technical Discussion
    Replies: 2
    Last Post: 06-02-2011, 10:30

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
About us

Bluepark's ecommerce software is developed, hosted and supported exclusively by ourselves, here in the UK, and has been so since the company was initially formed in 2004. Your brand new online shop will be hosted securely on our fast and reliable server network, using a domain name of your choice, providing the ability to build and maintain your ecommerce website, and manage your orders, from any location via your own secure online Administration Console.

A Bluepark ecommerce site is the perfect tool for selling online, whether you're selling physical products, digital downloads or services. You'll be in good company with over 1,000 UK customers who also form a friendly and helpful online community, further strengthening our highly acclaimed support network.

Find us on...