Mobile design

Rachel Powell · December 2017

I've changed the color of the menu font in the style sheets and it works on a desktop but when I look at the page on my phone it's still yellow. Help?

Rebecca Leifert · December 2017

Hi Rachel,

Can you give us the URL of the page you're referencing? It will help us give you a solution.

And - does your site have 2 different templates, one for desktop & one for mobile? If so, you'll need to update the color in the stylesheet used for the mobile template as well.

Rachel Powell · December 2017

Hey Rebecca,

Here's the URL of one of the pages, but the menu is the wrong color throughout the site when it's mobile.

I just checked to see if we had a mobile template and unfortunately we don't. I was really reallllly hoping that was the answer to my problem.

Rachel Powell · December 2017

Rachel Powell:

Hey Rebecca,

Here's the URL of one of the pages, but the menu is the wrong color throughout the site when it's mobile.
https://unggive.org/support-ung

I just checked to see if we had a mobile template and unfortunately we don't. I was really reallllly hoping that was the answer to my problem.

Rebecca Leifert · December 2017

Hi Rachel,

Not having separate templates is actually the best scenario for longevity so sigh of relief for that!

Since your site is responsive (not operating on different templates for different screen sizes) it has media queries for different styles to show/change based on screen size. Search your CSS for "ul.internalNav a" in the @media (max-width: 767px). That's where your nemesis yellow color is located. *You'll also want to check tablet display to make sure it's blue and not yellow - tablet styles are typically in a different media query that desktop or phone.

Hope that solves it for you!

Mobile design

Comments

Categories