Jul. 14th, 2014

fu: Close-up of Fu, bringing a scoop of water to her mouth (Default)
[personal profile] fu

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.

Profile

Dreamwidth Styles

Resources for creating layouts

August 2014

S M T W T F S
     12
3456789
10111213141516
17 181920212223
24252627282930
31      

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags

No cut tags
Page generated Jun. 28th, 2017 08:59 pm
Powered by Dreamwidth Studios