Change name of main menu on phone

stmaryschoolsherman · Member · Dec 26, 2014 at 5:55 pm
Copy link

Add topic to favorites
When the site is viewed on a smart phone, the menu is labeled ‘Sections’. Can I change that?
I am using the Outspoken theme. The blog is http://stmarys-sch.org.

Thanks!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Dec 29, 2014 at 5:26 pm
Copy link
Hi there, what we can do is to make the existing text the same color as the background and then use a :before psuedo selector and a content declaration to add your text back in and change the color to .
```
#section-toggle {
    color: @fff;
}
#section-toggle:before {
    content: "My Text";
    color: #444;
}
```
stmaryschoolsherman · Member · Dec 29, 2014 at 5:36 pm
Copy link
That almost worked. Now it says VisitorsSections. Any thoughts on how to make Sections disappear?
thesacredpath · Member · Dec 30, 2014 at 3:48 am
Copy link
Whoops, my bad! I had @ instead of the # in front of fff. The first rule should look like this.
```
#section-toggle {
    color: #fff;
}
```
stmaryschoolsherman · Member · Dec 30, 2014 at 3:50 pm
Copy link
Cool! Thanks so much!Becky Please do click here to read about what’s new on my blog.
thesacredpath · Member · Dec 30, 2014 at 10:28 pm
Copy link
You are welcome.

No items found.