Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 4, 2017 at 1:24 am #834120
    jakejauhari

    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

    August 5, 2017 at 8:24 am #834634
    Rikard

    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

    August 9, 2017 at 2:21 am #836098
    jakejauhari

    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

    August 10, 2017 at 5:21 am #836726
    Rikard

    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

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