Spacing issue

Ask & Offer

Topic summary

Main issue: Unexpected extra spacing appears on certain pages only in full-screen (desktop) view; example provided via the Event Services page URL.

  • Evidence: Attached screenshot highlighting a large gap; image is central to understanding the visual issue.
  • Likely causes (desktop-only):
    • A section/block with fixed height or extra top/bottom padding applied at larger breakpoints (desktop-sized screens).
    • Theme-level differences in spacing rules between mobile and desktop.
    • A custom CSS rule or a min-height set on the section causing the gap.
  • Suggested actions:
    • Check the section’s padding and margin settings in the editor.
    • If those look normal, inspect theme CSS for desktop breakpoint rules and any min-height declarations on the affected section.

Notes: “Breakpoint” refers to screen-size-specific styles; “min-height” forces a minimum element height.

Status: Unresolved; awaiting further inspection and confirmation.

Summarized with AI on January 27. AI used: gpt-5.
1

Hi!! I’m having an issue with spacing on my webpages. I’m noticing it on a few pages, but I will only include one here since I’m sure once I find the solution for one, I can fix the others. Here’s the web link: Event Services – Kaibre Artistry and Design, LLC.

The issue seems to only happen once tha page is in Full screen mode.

Screenshot 2026-01-26 at 19.52.25
Screenshot 2026-01-26 at 19.52.252812×1036 131 KB

3

You have a bunch of CSS rules like this in assets/section-multicolumn-image-with-text.css :

Screenshot 2026-01-27 at 1.21.18 PM
Screenshot 2026-01-27 at 1.21.18 PM1818×987 193 KB

Screenshot 2026-01-27 at 1.23.05 PM
Screenshot 2026-01-27 at 1.23.05 PM1818×987 217 KB

And as you said, it’s for screen and (min-width: 1200px) and (max-width: 1440px)…

This can be a side-effect of some custom changes to make other pages look the way you want, but it would be necessary to sort these out.

Say, these CSS rules could’ve been applied in section “Custom CSS” – this way the would only apply to that particular section instance.

1 Like
4

Oh wow that’s interesting! I didn’t touch the css for those pages. Just duplicated the “about” pages (from my recollection) and alternated the sections on the page to match the layout that I wanted. But didn’t touch the css specifically

5

I’m gonna look into those “paddings” sections and see if I can change it in a way that helps