Split theme larger nav bar font size


(Heather Benz) #1

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!


(Doug Bennett) #3

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.


(Doug Bennett) #4

They say memory is the second thing to go:

Try this:

.main-nav a {
	font-size:1.5rem;
}
.secondary-nav a {
       font-size:1.5rem;
}

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


(Michael Frankland) #5

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


(Heather Benz) #6

That worked perfectly, thank you!