mdbootstrap / material-design-for-bootstrap

Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.
https://mdbootstrap.com/docs/standard/
MIT License
9.34k stars 1.15k forks source link

MDB does not display .sticky #36

Closed git-no closed 7 years ago

git-no commented 7 years ago

Elements with class sticky are not displayed on smaller devices < 768px. This is wrong.

Reason: scrollspy.scss

@media only screen and (max-width: 769px) {
    .sticky,
    .sticky-placeholder {
        display: none; 
    }
}

Solution: Restrict your css code by adding id or class rules for your scrollspy so .sticky display none has no inpact of .sticky use in other code areas. Thank you.

The same for all other .sticky style modifications in your scss files. Please don't define it general make it more specific (add classes or id). Something like this

@media only screen and (min-width: 1200px) {
    .col-md-4 .sticky {
        width: 300px;
    }
}

has impact on all pages :-(

mattonit commented 7 years ago

@git-no, thanks for your suggestion. I added this to our TODO list