We are currently constructing a page featuring our publications, where we added button elements linking each author to their respective papers on a repeater. A custom code was inserted to hide buttons without valid links (based on the publication data).
However, after publishing the website, we noticed visible gaps appearing between individual publications. In the editor view, the layout appears fine, but on the published site, there are inconsistent spaces between items.
May I know if there is any code or method to minimize or remove these gaps when hidden buttons are applied?
I’ve attached a screenshot for reference — the first image shows the editor view, and the second image shows the published version.
Do you have a link to the page by chance? That would help us to better see what is going on.
The closest thing I can picture here (especially if the gap is uniform across these and the indicators) is that this is a repeater with the items having a the border. The default gap measurement is in scaling pixels which explains why you are seeing a difference from the editor and the live site.
Hi @Rob Here’s the page link. You’ll notice that the gap between sections is much larger on the published site compared to what I see in the editor. I’ve also attached a screenshot showing the difference, the spacing on the live site is too wide.
I think I see the cause of the gaps; I’d suggest check the row height of the item as it might have a height that accounts for some of the items having buttons and the others don’t.
