I still haven’t solved this glitch. I only know that the blue lines correspond to the edges (top or bottom) of each section and/or the div block within each section. And it they don’t appear until I click on a section and then scroll up or down to reveal the edge/line.
I can replicate the issue (and it affects all viewport widths).
It is related to a CSS property that has been set (somehow) relating to ‘Box Outline’ for each section when in a focus state.
Just trying to locate the setting within the designer, but can’t find it. I have been able to test by inspecting the element using browser tools and can remove the setting to test successfully, but still can’t locate it within webflow designer.
Will keep you posted.
Edit: Just revisited your site and it looks like you’ve resolved it by placing your Grid Div’s outside of your sections.
I noticed that the element ‘Section 3’ did not have the ‘Outline’ issue. So as a workaround you could delete the class name ‘Section 2’ and then duplicate the ‘Section 3’ name and rename it ‘Section 2’.
Apply the new ‘Section 2’ name to the original ‘section’ that was causing the issue, and then place the ‘Grid Div’ back into the relative sections.
Sorry I wasn’t able to dig deeper to see why the issue presented itself in the 1st place. Sometimes it can take longer to find the cause than to get a workaround in place so as not to hold up your project.
As a side note, regarding naming conventions for your CSS styles on your ‘Sections’.
Rather than name each one separately (and then have
to style them separately), use the same name for all your sections (that way you have a base and consistent styling for all Sections). If you need different styling for a specific section then you can achieve that by using a combo class. Additionally, having the same class name for the same element removes the risk of having inconsistent errors, and getting into a ‘Styling Rabit Hole’.