Text changes color in mobiles

Hi helpmewiththis

It could be a number of issues, though likely something that can be fixed with css. Can you provide a link to your site?

Here it is.

Hi again.

The H2 text on the Home page (New Collection, Latest News and About Mirza) all appears the same on my desktop and mobile, with the color attribute set to #150B38.

Are you seeing a different color?

Thanks for the reply.

I wasn’t able to notice that it isn’t h2 that I’m having problems on, but the color or the Telephone no. (upper right side). I’m so sorry about this mistake. So, um, If I’d be viewing this on mobile (iPhone), the telephone no would go #150B38 , not the the desired color that I’ve set.
Where in my code did I go wrong?

PS sorry if I’ve replied late.

Never too late, helpmewiththis!

The reason the phone number and email address turns blue is because the iPhone formats automatically detects these and formats them as links.

To fix this, add the following css rules:

.email_header a {
color: yellow;
text-decoration: none;
}

Thanks for the help sir andrewcrook!

I’m quite new to this. Should I just place them in the media queries part?

You’re welcome!

You can place them anywhere really. Those css rules shouldn’t change the appearance of the site on other devices.

I placed it on the very last part of my css code.

I’ll try to test this whenever I get to borrow an iPhone. Thanks for the help sir. Appreciated it.

Oops, that didn’t fix it completely.

Please try adding this to the end of your css as well:

a[href^=tel] {
color: yellow;
text-decoration:none
}

When you’ve done that, let me know and I’ll check on my phone!

Added them already.

ps. Your kindness is way beyond my expectations. Thanks for the help, like really.

We’re almost there! Change that last bit of code I gave you to:

a[href^=tel] {
color: #F2BB18 !important;
text-decoration: none;
}

The ‘!important’ bit is VERY important.

How bout now?

Perfect!

Well done with all this.

Good luck with the site.

Thank you so much sir!