Hi, I really need help. I’ve been working on a Rituals page for my brand launch, and after 13+ hours, I’m stuck in a bug that makes no sense.
On desktop and mobile, everything looks perfect—both in Designer preview and in published site.
But on tablet view, the background (linen texture) just disappears after publishing. Preview shows it beautifully. Publish kills it.
Here’s what I’ve checked:
• Background is applied to the Rituals Section (not a rogue div).
• The section is set to:
• width: 100%
• height: auto
• min-height: 100vh or auto (tried both)
• position: relative
• Images inside the section are block with width: 80%, max-width: 100%, and margins cleaned up.
• No overflow hidden on body, wrapper, or section (triple-checked).
• No rogue z-index, absolute divs, or fixed heights.
• Background is set to cover, center, no repeat.
• Tablet padding and margin settings are clean. I’ve tried 0, 60px, and more—no difference.
• The original linen div was hidden/deleted. It’s only applied to the Rituals section now.
Nothing changes. Tablet still won’t show the linen background once published.
Please help. I’m on the verge of giving up. The launch was yesterday and I’ve poured everything into this, but I can’t fix this one critical issue.
I’m on a paid plan and using Webflow in Safari on iPad and desktop (also tested in Chrome). It looks fine in preview, but the published tablet view still cuts it off or drops the background entirely.
The background display issue you’re experiencing is likely related to breakpoint styling inheritance. In Webflow’s responsive design system, styles set in the tablet breakpoint (991px and below) will override desktop styles and cascade down to mobile breakpoints. To resolve this:
Check your tablet breakpoint settings by clicking the tablet icon in the top navigation bar. Look for any background-related styles that might be overriding your desired settings. Pay special attention to background properties, including image, color, and size settings.
To ensure proper styling across breakpoints, you can either remove unwanted tablet-specific background styles or set the correct background properties for this breakpoint.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
On my end, I am able to see the linen background in tablet view when I check responsive settings but you could probably test out removing any additional background settings that you have enabled for tablet view that you don’t have for desktop (although since the same styling are used for mobile view and it didn’t render an issue there, it likely won’t be the cause of the issue).
That being said, if your homepage works across devices with that same linen background, can you for testing purpose copy paste the header visual from there to the Rituals page and see if it works on tablet view?
If it does, you can just double-check what is different in styling between the header visual and the ritual section and figure out the issue probably.
If it still doesn’t resolve the issue, you could probably share a screenshot of what it looks like in the tablet view, since I am not able to replicate this issue on my end.