Hi,
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.
Example:
3-cell-grid:
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,
Alex
Hey RedRaphDK,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
Hi Victoria,
I posted a couple of in the private content field, that display the issue.
Best regards,
Alex
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,
Nikko
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,
Alex
Hi Alex,
We’re glad that we could help :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko