# Break Points / Responsive Design

**URL:** <https://forum.readymag.com/t/break-points-responsive-design/1912>\
**Category:** Layouts\
**Created:** [August 27, 2023, 7:01am UTC](https://forum.readymag.com/t/break-points-responsive-design/1912 "2023-08-27T07:01:45Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mach](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/mach/32/1319_2.png) [@Mach](https://forum.readymag.com/u/Mach)\
**Post date:** [August 27, 2023, 7:01am UTC](https://forum.readymag.com/t/break-points-responsive-design/1912/1 "2023-08-27T07:01:45Z")

</div>

When in a browser on a desktop computer (Safari, Chrome, Firefox), I’ve had trouble figuring out how to get my website to break and become responsive.

I want the site to break into tablet and then to mobile when the viewport is reduced in size. Right now it just stops at 1024 px and the site is covered by the viewport window if it is made smaller.

I have the limit scale on the large size set to 1800 px (the grid won’t grow past that). On the small side is 1024 px. I was assuming it would break to tablet at that point, but it doesn’t work.

Any pointers on how to make a Ready Mag site truly responsive. Not just on specific devices, but when a viewport is resized?

Thanks for any help.

-S

---

<div class="post-metadata">

**Author:** ![Samus](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/samus/32/1146_2.png) [@Samus](https://forum.readymag.com/u/Samus)\
**Post date:** [August 28, 2023, 10:43pm UTC](https://forum.readymag.com/t/break-points-responsive-design/1912/2 "2023-08-28T22:43:41Z")

</div>

Readymag does not use a Responsive system; only Adaptive. Still, not long ago, I read they will be working this year on implementing some kind of ‘hybrid’ …wondering what this would mean for break points.

🤔 I’m curious, nowadays responsive has proved quite irrelevant. @Mach what are you most interesting in regarding this?

---

<div class="post-metadata">

**Author:** ![Mach](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/mach/32/1319_2.png) [@Mach](https://forum.readymag.com/u/Mach)\
**Post date:** [August 29, 2023, 6:09am UTC](https://forum.readymag.com/t/break-points-responsive-design/1912/3 "2023-08-29T06:09:57Z")

</div>

I’m fine with it being just adaptive (not fully responsive), but even the adaptive doesn’t work on the browser. It stays on the desktop size.

When shrinking the viewport smaller, I want the site to break from desktop, to tablet, and then to mobile. Any ideas?

---

<div class="post-metadata">

**Author:** ![Samus](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/samus/32/1146_2.png) [@Samus](https://forum.readymag.com/u/Samus)\
**Post date:** [August 29, 2023, 9:26pm UTC](https://forum.readymag.com/t/break-points-responsive-design/1912/4 "2023-08-29T21:26:20Z")

</div>

It is not meant to do that, resizing the browser window won’t show you the other layouts—at least not at the moment. 🤞🏼

What do you need this for? Quickly testing layouts on browser? Me and my colleagues have never found a need for this using R/m; only when testing custom sites.

---

<div class="post-metadata">

**Author:** ![Mach](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/mach/32/1319_2.png) [@Mach](https://forum.readymag.com/u/Mach)\
**Post date:** [August 31, 2023, 5:59am UTC](https://forum.readymag.com/t/break-points-responsive-design/1912/5 "2023-08-31T05:59:38Z")

</div>

Yes, it is for testing. But, it’s also best practice to have that functionality for accessibility and various computer sizes. I don’t see many websites that don’t account for breakpoints on desktop.

I would request R/M to continue to develop for these use cases. Thanks for the answers.

---

<div class="post-metadata">

**Author:** ![Erin](https://avatars.discourse-cdn.com/v4/letter/e/67e7ee/32.png) [@Erin](https://forum.readymag.com/u/Erin)\
**Post date:** [February 23, 2024, 3:42am UTC](https://forum.readymag.com/t/break-points-responsive-design/1912/6 "2024-02-23T03:42:04Z")

</div>

It’s insane that R/M websites don’t break to the tablet view \<1024px and mobile ~320px on desktop computers. Have you figured out any custom code to add to the header to allow for proper responsiveness?

---

<div class="post-metadata">

**Author:** ![Thais\_Esmeraldo](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/thais_esmeraldo/32/2098_2.png) [@Thais\_Esmeraldo](https://forum.readymag.com/u/Thais_Esmeraldo)\
**Post date:** [June 1, 2024, 10:23pm UTC](https://forum.readymag.com/t/break-points-responsive-design/1912/7 "2024-06-01T22:23:56Z")

</div>

I’m struggling with the same problem. This lack of responsiveness and also how the animations don’t behave relative to the layout, only with absolute values. Any tips?

---

<div class="post-metadata">

**Author:** ![clark](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/clark/32/2808_2.png) [@clark](https://forum.readymag.com/u/clark)\
**Post date:** [June 10, 2025, 1:34am UTC](https://forum.readymag.com/t/break-points-responsive-design/1912/9 "2025-06-10T01:34:17Z")

</div>

Add me to the pile of people who thinks it’s kinda insane that the templates aren’t responsive by default. Not even faking it with JS to load the different version per breakpoint?

Right now it can’t even handle someone rotating their device, the layout janks up pretty hard.
