Hi Kathryn,
I’m having the same issue. I enabled JetPack CSS and added the code:
panel#menu-toggle-nav {
display: block;
}
But the nav bar doesn’t seem to open. I tried deleting cookies and browsing data to see if its just cached, but no luck. I’m using Chrome on OSX Mavericks if that matters. Thanks.
My site: http://www.pixelbotgames.com
@craigitsfriday, in that CSS rule “panel” refers to a class name and because of that it needs to have a “.” in front of it in the CSS.
Try changing “panel” to “.panel” in your example.
Thanks so much. That did it!
I’d like to know how to do the same, except with Social Links being open.
EDIT: Solved with
.panel#social-links-toggle-nav {
display: block;
}
Can someone please explain how to do this from scratch in plain english? Thank you.
traptc – what are you trying to do exactly? 🙂
If you’re trying to keep the menu section of the widgets panel permanently open, adding this bit of CSS code should do it:
.panel#menu-toggle-nav {
display: block;
}
If you’re trying to do something else, please let me know what so I can help.
Don’t edit the theme files directly, otherwise your changes will be overwritten when the theme is updated.
An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.
As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.
