Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1087397


    I may have come across a small glitch in the theme, I’m not quite sure.

    When I insert a grid row, and set a link for the entire background of each cell, there are borders between them, even though the grid is set to No Borders. The borders looks different depending on which browser I use.

    Chrome displays borders at the edges of the screen, and between the cells, but there are 1-2px differences between them.
    Firefox displays no border between cell 1 and 2, but a very thin 1px border between cell 2 and 3.
    Edge display the opposite of Firefox.

    When I remove the links from the grid backgrounds, the borders between the cells disappear, and everything looks right..

    I’ve attached a link to an image, that displays the issue in the Chrome browser, before I tried removing the background links.

    Is this a glitch in the theme, or I am just doing something wrong? Can’t really figure out how to get this right. :)

    Best regards,


    Hey RedRaphDK,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,


    Hi Victoria,
    I posted a couple of in the private content field, that display the issue.

    Best regards,


    Hi RedRaphDK,

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

    #top .av-layout-grid-container a.av-screen-reader-only {
        display: none;

    Best regards,


    Hi Nikko,

    This did the trick! :-) The background links are there, the borders are gone, and they look exactly the same across different browsers.

    Thanks for the help. :-)

    Best regards,


    Hi Alex,

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

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Border when using grid background as a link’ is closed to new replies.