# Can we block Landscape?

**URL:** <https://community.glideapps.com/t/can-we-block-landscape/25969>\
**Category:** Feature Requests\
**Created:** [April 24, 2021, 12:55am UTC](https://community.glideapps.com/t/can-we-block-landscape/25969 "2021-04-24T00:55:27Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [April 24, 2021, 12:55am UTC](https://community.glideapps.com/t/can-we-block-landscape/25969/1 "2021-04-24T00:55:27Z")

</div>

This is what I get for my home page… ((many apps block landscape))

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/9/3991a5ccb08d7c2aed2cb67e10fd2edb9f6a06f2.jpeg) ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/5/7542b05351c799c2f457e39ce6e304ef863986df.jpeg)

Blocking landscape would be a highly useful setting!

---

<div class="post-metadata">

**Author:** ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)\
**Post date:** [April 24, 2021, 1:08am UTC](https://community.glideapps.com/t/can-we-block-landscape/25969/2 "2021-04-24T01:08:13Z")

</div>

Do you have CSS in there? Could be related to the weird landscape experience you’re seeing.

---

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [April 24, 2021, 1:19am UTC](https://community.glideapps.com/t/can-we-block-landscape/25969/3 "2021-04-24T01:19:59Z")

</div>

CSS in use indeed! To make the Home Screen look nice 🙂 hence why I want to stop landscape mode 🙂

---

<div class="post-metadata">

**Author:** ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)\
**Post date:** [April 24, 2021, 1:24am UTC](https://community.glideapps.com/t/can-we-block-landscape/25969/4 "2021-04-24T01:24:54Z")

</div>

There isn’t a whole lot there in terms of components. Maybe the CSS could be adjusted to play more nicely with different screen sizes? To be honest, I can’t see something like “blocking landscape mode” being an implemented request in the short term, so you may be best looking for an alternative approach.

---

<div class="post-metadata">

**Author:** ![AymenM](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/aymenm/32/21370_2.png) [@AymenM](https://community.glideapps.com/u/AymenM)\
**Post date:** [April 24, 2021, 3:20am UTC](https://community.glideapps.com/t/can-we-block-landscape/25969/5 "2021-04-24T03:20:54Z")

</div>

```
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
}
```

---

<div class="post-metadata">

**Author:** ![srinivas\_sri](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/srinivas_sri/32/53048_2.png) [@srinivas\_sri](https://community.glideapps.com/u/srinivas_sri)\
**Post date:** [March 24, 2022, 4:03pm UTC](https://community.glideapps.com/t/can-we-block-landscape/25969/6 "2022-03-24T16:03:30Z")

</div>

Please provide short video for stop landscape mode

---

<div class="post-metadata">

**Author:** ![AymenM](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/aymenm/32/21370_2.png) [@AymenM](https://community.glideapps.com/u/AymenM)\
**Post date:** [March 25, 2022, 12:05am UTC](https://community.glideapps.com/t/can-we-block-landscape/25969/7 "2022-03-25T00:05:55Z")

</div>

Hi, add a rich text component with the content (CSS) right above ⬆