Lifestyle Pro – Secondary Navigation Font Size

[hobbit1326]

Hi,

I can't seem to be able to change the Secondary Navigation font size when it applies to smaller screens...like my Samsung Galaxy S4 phone.

I have found how to change the font size of the Secondary Navigation Menu as far as how it is seen on a laptop...or bigger screens, but this change seems to be ignored when viewed on my phone.

I'm guessing it's a Media Query issue, but I haven't found how to change this in the Lifestyle Pro .css file. I've changed a number of "font-size" lines in the .css file and even in the Media Query section...but when I look at my phone...it just doesn't change.

Any thoughts would be appreciated.

Thanks!

[arush]

Hi,

You are on the right track re: media queries. first, if it doesn't already exist, you'll need to add a media query that matches your phone's screen size. There are several charts on the web that will give you the exact measurements. As it comes out of the box, I don't think Lifestyle Pro covers your specific screen size. Once you add the media query, you'll adapt this line:
.nav-secondary
and add the properties you need for that, including font size.

Hope this helps,

Amanda

[hobbit1326]

Thanks Amanda...I'll give that a try.

I figured it was something like this.

[Author]

Posts