The title is displaying fine, but not the content text. I should have been more clear. However, I just figured it out. 🙂
In responsive.css, you have:
@media screen and (max-width: 767px) {
[..]
#main-slider .entry-container .entry-content {
display: none;
}
I had tried putting “display: block;” with my slider text font, but hadn’t noticed that it only had “#main-slider .entry-content” and not “#main-slider .entry-container .entry-content”. In other words, I had tried:
@media screen and (max-width: 768px) {
#main-slider .entry-content a {
font-size: 16px;
display: block;
}
}
But that didn’t work. However, the following does work:
@media screen and (max-width: 767px) {
#main-slider .entry-container .entry-content {
display: block;
}
}
Now I need to mess with the font sizes a little more so that it looks good on mobile. 🙂 Thanks for you help though!
.
