force page height to screen height

Home Forums Legacy Support Support queries Styling issues force page height to screen height

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #44095
    Yahya
    Spectator
    Hello there I am building a homepage for mobile phones and I want the page height forced to be equaled to screen size (all the page content must appear in the screen without any scrolling)
    #44321
    Anshuman Sahu
    Keymaster
    You  can use the vh viewport unit for this . and can apply css like : example : body{ height : 100vh;  } this will cover the whole viewport height .
    #44432
    Yahya
    Spectator
    I already tried it, nothing happens my page height is normally more than the screen height and I could not reduce it to be the same as screen height
    #44468
    H.K. Latiyan
    Participant
    Please share the page url and the screenshot of the element that you want to be screen height.  
    #45094
    Yahya
    Spectator
    not just one element my page is consisted of about 5 rows, I want rows to shrink or be compressed to fit the screen height here is the page url: elmedresa.org/mobile-homepage and here is a link where you can understand what my issue is: http://mobiletest.me/nokia_lumia_920_emulator/?u=http://elmedresa.org/mobile-homepage
    #45275
    Anshuman Sahu
    Keymaster
    Well the height of your page in mobile is less than the screen height of the mobile . This is why there is blank space in browser in mobile .This is not a theme issue .It is related to your page design.
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘force page height to screen height’ is closed to new replies.