Split theme larger nav bar font size

Question on behalf of my mother-in-law. :slight_smile: Website located at: http://onederings.com/

Her site uses the Split theme, and she’d like to make the font on her nav bars (both top and 2nd level) larger. We tried dropping the following into the CSS:

nav { font-size: 1.5rem !important;}

At normal browser widths this seems to have no effect. However when you make the width of the browser or RW previewer small enough, the font on the nav bars loses auto-caps and becomes larger. What should she do (CSS-wise or otherwise) to get her large-font nav bars?

Thanks in advance!

I’m not at my Mac right now but I think for the main navigation it would be something like

.main-nav { font-size:1.5rm; }

That’s from memory so give it a try. Can’t remember the 2nd level so until I’m at the Mac can’t help with that one.

1 Like

They say memory is the second thing to go:

Try this:

.main-nav a {
.secondary-nav a {

Think 1.5rem is going to be to big, put play with it.


Great suggestions @teefers - let us know how you go @onederings :slight_smile:

That worked perfectly, thank you!

1 Like