Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 1, 2022 at 3:36 pm #1353773
    ugnju

    Hello,
    I’ve added a custom code block to a blog post. How do I prevent the columns from stacking on mobile and desktop for a specific element?

    June 1, 2022 at 6:14 pm #1353796
    Rikard

    Hey ugnju,

    Please post a link to where we can see the elements in question, and try to explain a bit further what you would like to change.

    Best regards,
    Rikard

    June 1, 2022 at 7:22 pm #1353814
    ugnju

    I need the “did you know box” at the bottom to stop stacking on tablet and mobile.

    June 2, 2022 at 5:19 am #1353845
    Nikko

    Hi ugnju,

    Please try adding this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width: 990px) {
  .dyk-table tr {
    display: table-row;
  }

  .dyk-table td {
    display: table-cell;
  }
}

    Best regards,
    Nikko

    June 2, 2022 at 4:30 pm #1353940
    ugnju

    That’s working. Thank you!

    June 3, 2022 at 4:58 am #1353982
    Nikko

    Hi ugnju,

    We’re glad that we could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Disable Column Stacking on Specific Element’ is closed to new replies.