Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 10, 2019 at 2:52 pm #1065118
    ticketyboosolutions

    Hi, I am looking for some CSS or advice to remove white space between Grid row columns, when stacked on Tablet “portrait”
    The Grid row works fine on Desktop and Mobile. I have took a screen image and posted a link to screenshot

    Thanks in Advance

    February 11, 2019 at 2:04 am #1065267
    Nikko

    Hey ticketyboosolutions,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:959px) {
  .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
    margin-bottom: 0;
  }
}

    if that doesn’t help, us this one instead:

    @media only screen and (max-width:959px) {
  .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
    margin-bottom: 0 !important;
  }
}

    Best regards,
    Nikko

    February 11, 2019 at 10:03 am #1065359
    ticketyboosolutions

    The first CSS worked perfectly…thanks again

    February 11, 2019 at 10:41 am #1065365
    Nikko

    Hi ticketyboosolutions,

    Glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Grid Row Spacing’ is closed to new replies.