Responsive Builds

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.

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 :wink:

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

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

image

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.

2 Likes

Makes sense, thanks