fu: Close-up of Fu, bringing a scoop of water to her mouth (Default)
fu ([personal profile] fu) wrote in [site community profile] dw_styles2014-07-14 02:33 pm

link to jump to modules

Hey so when making the changes to adjust the sidebars, etc, on smaller screens, we added a link to jump to modules below the entries, and then CSS to hide it on larger screens... and then had a facepalm moment when we realized that this wouldn't work if you're using entirely your own CSS, and have unchecked the "use layout's stylesheet" option on the Custom CSS tab of the Customize Options page.

Sooooooo, here's the code snippet to hide it on larger screens, but keep it so you don't have to scroll as much on smaller screens:

        @media only screen and (min-width: 30em) {
            .multiple-columns #module-jump-link { display: none; }
        }

And here's how to hide it completely:

    #module-jump-link { display: none; }

Put either of those in your custom css, depending on which behavior you desire.


Post a comment in response:

From:
Anonymous( )Anonymous This account has disabled anonymous posting.
OpenID( )OpenID You can comment on this post while signed in with an account from many other sites, once you have confirmed your email address. Sign in using OpenID.
User
Account name:
Password:
If you don't have an account you can create one now.
Subject:
HTML doesn't work in the subject.

Message:

If you are unable to use this captcha for any reason, please contact us by email at support@dreamwidth.org


 
Notice: This account is set to log the IP addresses of everyone who comments.
Links will be displayed as unclickable URLs to help prevent spam.