Tweak sidebar toggle button?

[dcernst]

I apologize that this isn't exactly an "issue". I'm trying to tweak the style of the sidebar toggle button and I can't figure out how to do it. I created a website for my department's seminars and a few people complained that it wasn't obvious where to find the menu. The proposed fix was to replace the triple-equals with the word "MENU" (or similar). Any help would be greatly appreciated. The site in question can be found here.

[eaglerockdude]

I am using Lanyon to redo my WP blog. If you look at the readme, it looks like the non-sliding menu is a different template.

Meaning i suppose you could modify the sliding one(look at the non-slider as an example) but I would think just using the other might be simpler.

[eaglerockdude]

You got me curious. This is very "hacky" but if you go into the lanyon. CSS...and for content(see below) put the value Menu...and play with the display attribute...you can get the word Menu to show instead of the checkbox icon.

This is the CSS class in lanyon.css to look for:
sidebar-toggle:before {
/* display: block; */
content: "Menu";
width: 100%;
padding-bottom: .125rem;
border-top: .375rem double;
border-bottom: .125rem solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

[mdo]

Yup, you'll want to modify the .sidebar-toggle:before. I can't help much with that here though without diving into it a bit more, but removing the border-top and border-bottom, and changing the content: "" to content: "Menu" should suffice.