-
Posts
-
http://www.secretstash.com/home
I need to change the font color on mobile devices for the color section that has THE NOTORIOUS FIG in 1/4 column a empty 1/2 column and then Winner of the World Champion Pizza Challenge in the last 1/4 (this color section is the first one just below the video at the top of the page.I have created a class called mobilered and placed it in every special heading that needs to be changed on mobile.
I then used this code in my quick css:
@media screen and (max-width: 767px) {
.mobilered {
color: #a81010!important;}
}and nothing happens. I also tried creating a codeblock that has this in it:
<style type = “text/css”>
@media screen and (max-width: 767px) {
.mobilered {
color: #a81010!important;}
}
</style>and nothing happens.
How can I change the font color of a custom class on mobile devices?
http://www.secretstash.com/homeHey ewingmh!
Thanks for getting in touch with us!
When inspecting the color section it seems that the custom class you added to the special header is not there. Which would explain why your code is not working, since nothing has the custom class. Could you please provide a link and login details to your site, so that we can have a closer look. You can place the information in the Private Content section of your reply.
Regards,
JordanIt’s there on every special header… you sure you went to the right site? http://www.secretstash.com/home NOT http://www.secretstash.com.
Hi,
Please try the following instead:
@media screen and (max-width: 767px) { .mobilered h1 { color: #a81010 !important; } }Thanks,
Rikard
- The topic ‘Change Font Color on Mobile’ is closed to new replies.