links in header script conflicting with links in text

[Carrie]

Carrie

June 1, 2016 at 3:01 am

Hi
I’m having a problem on mobile…the links in my header script are white, but that’s causing the links in my body text to also be white. I’m using the ‘header and footer’ plug in.

This is the css I added to my advanced settings, and to the header footer settings:
.headerphone {color: #fff; font-family: “New Century Schoolbook, serif”; font-size: 100%; text-align: right; padding: 2%; margin-top:10%; line-height: 110%; background-color: #11287c;}

/*.headerphone a, a:link {color: #fff;
}*/(I commented out the link color for now so that the links on the page are visible.)

The other problem/question is; how can I change the font from a fixed point size to be responsive on mobile. The font is just too large, but only on the cell phone.

thank you,
Carrie