Hello,
I’m creating a homepage for my website and want a similar no-scroll effect like this homepage https://studioacker.com/
How can I achieve such a result?
Hi ya,
Just set the page height using the page height blue dot at the bottom centre of the page then the page won’t scroll. Test it by previewing it using the icons on the right side of this screenshot.
Thanks David.
I have a follow up question, which is something I haven’t been able to figure out. Does ReadyMag automatically adjust for different screen sizes?
I have a follow up question, which is something I haven’t been able to figure out. Does ReadyMag automatically adjust for different screen size
yes, ReadyMag does have responsive design capabilities, but it works a little differently to most website builders. Rather than automatically reflowing content, it lets you create separate layouts for different screen sizes (desktop, tablet, and mobile) within the same project. So it adapts, but you have control over how each version looks rather than it happening entirely automatically. Worth checking the breakpoint settings in your project if you haven’t already.
Thanks David.
What are breakpoint settings and how can I check that?
I’ve also run into an issue where website is not showing up properly on different screen sizes i.e. it is not scaling correctly. I’ve tested this out with a few different screens and the top and bottom parts of the page are usually being cut off. Any tips for how to rectify this?
Hi Surej,
Breakpoint settings in ReadyMag are the screen width thresholds where your design switches between its desktop, tablet, and mobile layouts. You can find them by going into your project settings — look for a ‘Breakpoints’ or ‘Responsive’ section where you can set the pixel widths that trigger each layout.
For the cropping issue on different screens, the most likely culprits are:
• Your canvas height is set to a fixed pixel value rather than being flexible — try setting it to fill the viewport height instead
• Content positioned near the top or bottom may be anchored to fixed coordinates, so it gets clipped on shorter screens
• Check that your page/section height isn’t set to a specific pixel value that assumes a particular screen size
The key thing with ReadyMag is that each layout (desktop, tablet, mobile) needs to be manually adjusted — elements don’t reflow automatically. So if something looks right on desktop but is getting cut off on mobile, you’ll likely need to open the mobile layout view and reposition or resize those elements there specifically.
Hope that helps!