-
Posts
-
Hi, when I add a link to each column in a grid row it creates 1 px wide white border on some of the columns that I don’t want. It happens mostly on larger screen sizes and to all columns widths (1/5 to 1/2 width). It’s as if the link is placing itself in between the columns. When I inspect the page there is no extra margin or padding on any of the elements.
This was the previous fix but it doesn’t address all column widths and it created a problem on mobile even when in a media query.
@media only screen and (min-width: 1200px) {
#top .no_margin.av_one_third {
width: 33.4%;
}
}Hi i9design,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaHi Victoria,
That code doesn’t work even for 1/3 elements. I don’t have it in my code anymore because it caused an error for mobile and it only addresses the one column width when the problem happens to every width. It was just what was suggested as a fix in the past. I’m hoping there’s a different fix that would address all column widths.
As for the height, how would I adjust them because it changes for every screen size because of the text and padding?
Thanks!
Hi i9design,
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
.av-screen-reader-only { display: none; }If you need further assistance please let us know.
Best regards,
Victoria
- The topic ‘Links on grid rows creating whitespace between columns.’ is closed to new replies.