Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #834120

    Hi Enfold,
    I am using a five cell grid row on http://sismic.com.au/ to display categories. Skincare, Makeup, Spa, Pharmaceutical, Manufacturing.
    Desktop and Mobile are okay. Problem is on Tablet the last two (Pharmaceutical and Manufacturing) are longer words and run into each other.
    I would like to make the cells stack on Tablet Portrait and Landscape like the mobile display.

    I have searched through the forum and used the code on https://kriesi.at/support/topic/grid-row-in-portrait-on-tablet/
    But when I use this snippet the contact details in the right hand column underneath the grid row gets cut off.

    Can you help me:
    1. Stack the grid row on Tablet Portrait and Landscape.
    2. Align the text links in the grid row to the centre middle. On Mobile and Tablet the text is positioned more to the top of each cell.

    Cheers,
    Jake

    #834634

    Hey jakejauhari,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 1024px) {
    .home .av-flex-cells .no_margin {
        display: block !important;
        margin: 0;
        height: auto !important;
        overflow: hidden;
        padding-left: 8% !important;
        padding-right: 8% !important;
    }
    }

    Best regards,
    Rikard

    #836098

    Hi Rikard,
    Thanks for your help. I added the code to the Quick CSS and tested on iPad. The rows are stacked but they are cut off.
    Please see screenshots.
    http://sismic.com.au/wp-content/uploads/2017/08/image1.png
    http://sismic.com.au/wp-content/uploads/2017/08/image2.png
    Cheers,
    Jake

    #836726

    Hi,

    Thanks for that, though I can’t access your screenshots. I get a 403 error. If you don’t want to leave the CSS I gave you on the live site, then maybe you could copy it to a staging environment so that we can see the results?

    Best regards,
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.