Forum

How to Fix Elements To The Top Of Screen When The Viewport Is Not Tall Enough?

This thread contains 1 reply, has 2 voices, and was last updated by  Darshan Rathod 6 months, 4 weeks ago.

  • Author Replies
  • #53733

    How to Fix Elements To The Top Of The Screen When The Viewport Is Not Tall Enough?


  • #53735

    @media (min-height: 500px) {
    .site-header {
    position: sticky;
    top: 0;
    /*other styles*/
    }
    }
    The browser to fix the header to the top only if the viewport’s height is equal to or greater than 500 pixels.
    When you use position: sticky, it won’t work unless you specify the top property.


You must be to reply to this thread.Please or . Registration is 100% free.

GET FREE CONSULTATION

Call Us Now For Free Consultation97370 05566

Our experts listen to you patiently and suggest you the right course after conducting a personality profile test. Register your interest below to schedule personality profile test for you.

SUBSCRIBE TO OUR NEWSLETTER

Contact Us

Working Hours

  • Monday9:00 AM – 9:00 PM
  • Tuesday9:00 AM – 9:00 PM
  • Wednesday9:00 AM – 9:00 PM
  • Thursday9:00 AM – 9:00 PM
  • Friday9:00 AM – 9:00 PM
  • Saturday9:00 AM – 9:00 PM
  • SundayClosed
Copyright 2016-2019 Smart Mentors. All Rights Reserved.

Login

FORGOT PASSWORD

Sign up now to Become An Instructor

Register your Interest