Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 23, 2017 at 7:49 am #750846
    ccyran

    Hi guys,

    Hey guys,
    Can you provide CSS to fix this?

    When I place two grid rows on top of each other, it creates a gap. I don’t want there to be a gap.
    I don’t have this live on my site, I’m just previewing it. I want to use this only if we can fix the gap.

    Thank you,
    Chris

    website: ccyran.com/portfolio.

    • This topic was modified 7 years, 10 months ago by ccyran.
    February 28, 2017 at 9:32 am #752797
    Ismael

    Hey ccyran,

    Thank you for using Enfold.

    Could you please provide a screenshot of the issue? I don’t see any gaps between the grid row elements.

    Best regards,
    Ismael

    February 7, 2019 at 9:31 pm #1064311
    LesleyJean

    I’m having the same issues on my tablet, but not on my mobile device (or desktop obviously). Screenshot links in private section. You can see the white lines between my grid rows when they are stacked. Credentials are included below as well.

    Thanks in advance for the awesome support!

    ~L

    February 8, 2019 at 6:30 pm #1064723
    Victoria

    Hi LesleyJean,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

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

    If you need further assistance please let us know.

    Best regards,
    Victoria

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