Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #1394634
Layout Columns on Tablet Devices
Closed

Comments

  • eayodele started the conversation

    Hi,

    In the Newsroom theme I see that on a tablet, the layouts have a maximum of two columns even though I have set this to three columns in the dashboard. Therefore is there a place where this can be changed as I would really like three columns in landscape view (Tablet).

    The same can be said for the columns in the footer which i would like to output as two columns in both landscape and portrait mode.

    Many thanks

    Erastus

  •  1,845
    Elated replied

    Hello,

    You can try to add this css underneath in Elated Options >> General >> Custom CSS field:

    @media only screen and (max-width: 1024px) and (min-width: 601px) {
    .eltd-bnl-holder.eltd-post-columns-2 .eltd-post-item:nth-child(3n+1), .eltd-bnl-holder.eltd-post-columns-3 .eltd-post-item:nth-child(3n+1), .eltd-bnl-holder.eltd-post-columns-4 .eltd-post-item:nth-child(3n+1), .eltd-bnl-holder.eltd-post-columns-5 .eltd-post-item:nth-child(3n+1) {
        clear: both;
    } .eltd-bnl-holder.eltd-post-columns-2 .eltd-post-item, .eltd-bnl-holder.eltd-post-columns-3 .eltd-post-item, .eltd-bnl-holder.eltd-post-columns-4 .eltd-post-item, .eltd-bnl-holder.eltd-post-columns-5 .eltd-post-item {
        width: 33.33% !important;
    } .eltd-bnl-holder.eltd-post-columns-2 .eltd-post-item:nth-child(2n+1), .eltd-bnl-holder.eltd-post-columns-3 .eltd-post-item:nth-child(2n+1), .eltd-bnl-holder.eltd-post-columns-4 .eltd-post-item:nth-child(2n+1), .eltd-bnl-holder.eltd-post-columns-5 .eltd-post-item:nth-child(2n+1) {
        clear: none;
    }
    }

    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • eayodele replied

    Hello,

    Thanks for getting back to me.  Unfortunately this media query hasn't worked and has drops the third layout box underneath the fourth in all rows (see attachment-ipad).

    Regards

    Erastus

  •  1,845
    Elated replied

    Hello,

    Go to Elated Options >>  General >> custom css field >> and then try to replace css from our previous reply with this one below:

    @media only screen and (max-width: 1024px) and (min-width: 601px) {
    .eltd-bnl-holder.eltd-post-columns-2 .eltd-post-item:nth-child(3n+1), .eltd-bnl-holder.eltd-post-columns-3 .eltd-post-item:nth-child(3n+1), .eltd-bnl-holder.eltd-post-columns-4 .eltd-post-item:nth-child(3n+1), .eltd-bnl-holder.eltd-post-columns-5 .eltd-post-item:nth-child(3n+1) {
        clear: both !important;
    }
    .eltd-bnl-holder.eltd-post-columns-2 .eltd-post-item, .eltd-bnl-holder.eltd-post-columns-3 .eltd-post-item, .eltd-bnl-holder.eltd-post-columns-4 .eltd-post-item, .eltd-bnl-holder.eltd-post-columns-5 .eltd-post-item {
        width: 33.33% !important;
    }
    .eltd-bnl-holder.eltd-post-columns-2 .eltd-post-item:nth-child(2n+1), .eltd-bnl-holder.eltd-post-columns-3 .eltd-post-item:nth-child(2n+1), .eltd-bnl-holder.eltd-post-columns-4 .eltd-post-item:nth-child(2n+1), .eltd-bnl-holder.eltd-post-columns-5 .eltd-post-item:nth-child(2n+1) {
        clear: none !important;
    }
    }

    If the problem persists, please provide us wp-admin credentials (in Private Reply), so can take a closer look.


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  •   eayodele replied privately
  •  1,845
    Elated replied

    Hello,

    We have just added css from our previous reply in Appearance >> Customize >> Additional CSS field

    and as you can see in the following screenshot that css  is applying correctly now.


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  •   eayodele replied privately
  •  1,845
    Elated replied

    Hi there again,

    You are very welcome

    We hope it’s not too much trouble, but we’d really appreciate it if you could rate our theme on ThemeForest. Just visit the following link and select five stars next to our theme’s name: http://themeforest.net/downloads. This way you’ll be helping us improve our support services and make them even more efficient.


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.