CODEWITHSUNDEEP
htmlcss
Ali Nouman
Ali Nouman

Reputation: 3414

Position absolute not scrolling on devices or Down Position of Links

My site has problem in its menu. It isn't completely visible or scroll on mobile. I'm attaching picture enter image description here

I have position:absolute on drop down menu. Can i make this home menu scrollable with rest of page or any other css fluid positioning to make Admin and Logout link down for all device and desktop at bottom? Thank you.

Upvotes: 0

Views: 204

Answers (2)

vas
vas

Reputation: 960

Add this css and check out 

@media (max-width: 767px) {
  .log-down,.admin-down {  
       top: 0;
  }
}

Upvotes: 0

Frosty
Frosty

Reputation: 334

@media (max-width: 767px) {
.log-down,.admin-down {  top: 0;}
}

do the same thing that Vasanth did but instead of doing the position absolute do

@media (max-width: 767px) {
    .log-down,.admin-down {
        position:fixed
        bottom: 0px;
       }
    }

e.g.

  bottom:0px; = bottom of the page
    top:0px; =  top of the page
    position:fixed = move with the screen

I hope i helped or i just misunderstood your question

Upvotes: 1

Related Questions