Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

MDB does not display .sticky #36

Closed
git-no opened this issue Dec 16, 2016 · 1 comment
Closed

MDB does not display .sticky #36

git-no opened this issue Dec 16, 2016 · 1 comment

Comments

@git-no
Copy link

git-no commented Dec 16, 2016

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
Copy link
Contributor

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants