tomusborne / generateblocks

GenerateBlocks is a small collection of lightweight WordPress blocks that can accomplish nearly anything.
https://generateblocks.com
187 stars 18 forks source link

Block Visibility Inconsistency on Tablet / Mobile Devices #1242

Open FunkyCss opened 1 month ago

FunkyCss commented 1 month ago

Description There seems to be an issue with the option to hide blocks on different devices. When a block is set to be visible only on tablets, it does not display correctly across a wide variety of tablet devices.

Steps to Reproduce Create a block and configure it to be visible on tablets only. Open developer tools and test responsiveness by simulating different tablet devices. Observe that the block is not shown on many tablets, including the iPad. Expected Behavior The block should be visible on all tablet devices as configured.

Actual Behavior The block fails to appear on numerous tablet devices, including iPads, leading to inconsistencies.

Additional Information One of our clients reported that certain parts of the site are not working on their iPad, which led to the discovery of this issue. I am happy to provide more information and images if needed to help resolve this issue.

Thank you for your attention to this matter.

tdrayson commented 1 month ago

Hey @FunkyCss , while I understand the frustration of stuff not showing on tablet, there is no "tablet" size. Tablets and views all different sizes, and ultimately, this is what is used under the hood. The default "tablet" size in GenerateBlocks is 1024px wide.

There is no magic number for every single element/section on a website that will work. You should use the new Global Styles to define the correct breakpoint and set display:none you need per element/section.

(I don't work for GB or anything, just came across your post)