This issue was reported long time ago by another customer which was using our Masonry Portfolio, and after many attempts we were not able to fix the issue as it was related to "Isotope" plugin which fails to pack the items on certain browser sizes.
You can see that while resizing the browser sometimes the 1px gap sometime is gone and then is shown again based on window width.
This is something we couldn't fix because Isotope works this way and I wasn't able to fix this problem.
I have created a 4 panel grid using 2 x 2 column rows.
When I resize the browser, a 1px white line flickers in between the rows. (see attached screen shot). How can I stop this from happening?
I have set the margins, padding and border to 0px.
Row settings are:
- Equal height: Yes
- Stretch Row and content (no padding)
Image size full
Regards
Travis
Hi Travis,
This issue was reported long time ago by another customer which was using our Masonry Portfolio, and after many attempts we were not able to fix the issue as it was related to "Isotope" plugin which fails to pack the items on certain browser sizes.
You can see that while resizing the browser sometimes the 1px gap sometime is gone and then is shown again based on window width.
This is something we couldn't fix because Isotope works this way and I wasn't able to fix this problem.
Googling this problem, you will see many users have this problem.
For your information the grid you are using is developed by Visual Composer team.