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 11 months, 1 week 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.


Viewing 1 reply thread

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-2020 Smart Mentors. All Rights Reserved.

Login

FORGOT PASSWORD

Sign up now to Become An Instructor

Register your Interest