Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 3, 2025 at 11:23 am #1483539
    laptophobo

    I’m using Icon Boxes within a grid layout and it looks correct. But on mobile view, when the boxes collapse into a single row, the borders do not show. I’ve tried everything I know to create a white border around each of the boxes, but I still can’t make it work.

    Help please. :-)

    The link is a screenshot of where the line is suppose to be. In private is the actual page location.

    screenshot

    May 3, 2025 at 4:36 pm #1483550
    Mike

    Hey laptophobo,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
#boxed-menu.av-border-cells .flex_cell {
    border-bottom: 1px solid #fff;
    border-left: none;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    May 4, 2025 at 5:34 am #1483562
    laptophobo

    Mike, you are so awesome. Thanks for that. (Now working as planned.)

    May 4, 2025 at 12:10 pm #1483565
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘need top and bottom lines in my boxes’ is closed to new replies.