Fixing the Spacing Problem in Tablet View for Fluid Engine
Fluid Engine makes a bunch of new layouts possible in Squarespace. However, there is a major spacing problem when viewing a website in tablet mode. Let’s take a quick look at what’s causing it and how to fix it.
Timestamps
Intro: 0:00
What's causing the Issue: 0:30
Fixing The Issue: 3:55
The Issue
Text blocks can't be sized smaller than the amount of text in the block. This makes sense. Except on larger devices, the text remains the same size, but the available space for the text to fill increases, creating large gaps.
The Solution
Use the below code to adjust the "Mobile View" of your Squarespace website to be wider, and edit your text blocks using that view. Reducing the text block to its smallest possible size, removing all extra space. The design on mobile will still stay the same.
Code: https://www.will-myers.com/articles/f...
Buy Me A Coffee: https://www.buymeacoffee.com/willmyers
Plugin Store: https://www.will-myers.com/products
Watch video Fixing the Spacing Problem in Tablet View for Fluid Engine online without registration, duration hours minute second in high quality. This video was added by user Will Myers 02 August 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 4,361 once and liked it 126 people.