# Responsive Builds

**URL:** <https://forums.realmacsoftware.com/t/responsive-builds/46346>\
**Category:** RapidWeaver Elements\
**Created:** [February 19, 2025, 6:03pm UTC](https://forums.realmacsoftware.com/t/responsive-builds/46346 "2025-02-19T18:03:13Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![ajenks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ajenks/32/34693_2.png) [@ajenks](https://forums.realmacsoftware.com/u/ajenks)\
**Post date:** [February 19, 2025, 6:03pm UTC](https://forums.realmacsoftware.com/t/responsive-builds/46346/1 "2025-02-19T18:03:13Z")

</div>

I’m trying to set the container height for a banner to 50vh on desktop and 100vh on mobile. I’m not having any luck so I’m reaching out to see if I’m missing something or if this type of feature isn’t built into Elements yet.

---

<div class="post-metadata">

**Author:** ![pumpkin](https://avatars.discourse-cdn.com/v4/letter/p/ccd318/32.png) [@pumpkin](https://forums.realmacsoftware.com/u/pumpkin)\
**Post date:** [February 19, 2025, 7:50pm UTC](https://forums.realmacsoftware.com/t/responsive-builds/46346/2 "2025-02-19T19:50:18Z")

</div>

It sure is, albeit a bit hidden if you ask me. Under sizing, enable the Min & Max settings. Set the min value to 100vh on the mobile, and 50vh on whatever device upwards you want to have it changed, enabling the blue dot on the left of the setting 😉

---

<div class="post-metadata">

**Author:** ![ajenks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ajenks/32/34693_2.png) [@ajenks](https://forums.realmacsoftware.com/u/ajenks)\
**Post date:** [February 19, 2025, 9:12pm UTC](https://forums.realmacsoftware.com/t/responsive-builds/46346/3 "2025-02-19T21:12:50Z")

</div>

Thanks @pumpkin, can you explain the concept of the Blue dot. By enabling it, is this how we set settings based on breakpoints?

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [February 20, 2025, 3:56pm UTC](https://forums.realmacsoftware.com/t/responsive-builds/46346/4 "2025-02-20T15:56:20Z")

</div>

Yeah … so everytime you select a new screensize. (see image)

![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/9/f9586c0bcfd81b7603e733b0cc7d8f940cf2f951.png)

You can overwrite the previous one by putting in the blue dot with a new value.

If you pay attention, on the first “mobile” screensize you do not have any blue dots. Once you add a blue dot you will have that setting for everything above. Its always left to right.

Hope that explanation helps.

---

<div class="post-metadata">

**Author:** ![ajenks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ajenks/32/34693_2.png) [@ajenks](https://forums.realmacsoftware.com/u/ajenks)\
**Post date:** [February 20, 2025, 7:57pm UTC](https://forums.realmacsoftware.com/t/responsive-builds/46346/5 "2025-02-20T19:57:23Z")

</div>

Makes sense, thanks
