# Mobile viewport height not responsive **URL:** \ **Category:** Layouts\ **Created:** [February 24, 2026, 4:59pm UTC](https://forum.readymag.com/t/mobile-viewport-height-not-responsive/5959 "2026-02-24T16:59:09Z")\ **Posts on this page:** 2\ **Page:** 1
**Author:** ![Mary\_Clements](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/mary_clements/32/3818_2.png) [@Mary\_Clements](https://forum.readymag.com/u/Mary_Clements)\ **Post date:** [February 24, 2026, 4:59pm UTC](https://forum.readymag.com/t/mobile-viewport-height-not-responsive/5959/1 "2026-02-24T16:59:09Z")
I am currently building my portfolio. My desktop view is fine and I’ve gone through each page to sort out a mobile solution. However, when I open the mobile view on my phone, the viewport is stuck at what I guess is the iphone SE preview size. There are black sections at the top and bottom of the viewport, and when I scroll, the safari search bar doesn’t condense and stays the same size. This dramatically gets rid of like 1/4 of viewable sections of the site and requires more scrolling. Does anyone know how to change the viewport height to be responsive and not fixed? My site can be viewed here: [https://maryclements.online/](https://maryclements.online/) In safari browser: ![IMG_2836](https://us1.discourse-cdn.com/flex015/uploads/readymag/original/2X/e/edaed855e7c8c074dedb506d2963dbe655ea1897.jpeg) ![IMG_2835](https://us1.discourse-cdn.com/flex015/uploads/readymag/original/2X/5/58f7f2849d37ada2c4e5911de77a5c384ed1781f.jpeg) ---
**Author:** ![ajeetykeria](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/ajeetykeria/32/4393_2.png) [@ajeetykeria](https://forum.readymag.com/u/ajeetykeria)\ **Post date:** [July 13, 2026, 2:35pm UTC](https://forum.readymag.com/t/mobile-viewport-height-not-responsive/5959/2 "2026-07-13T14:35:12Z")
did you ever find out how to fix this?