Hey,
I am using the rok sprocket module with images shown as Featured with a Title. If I look on a mobile device the text, HTML code: sprocket-features-title, isn't responsive and to big, or it doesn't fit at all on the image. The image is fine and responsive.
Any thought how to solve this?

Hi there,
add this css code to your css/custom.css

@media screen and (max-width: 768px) {
.sprocket-features-content {top:2%; left:2%}
.sprocket-features-title {font-size:1rem!important}
.layout-slideshow .sprocket-features-desc {width: 98%;}
}

Please, I have the same problem. But I don't know where is my css/custom.css...
Can you help me?
Thanks!

www.joomlaplates.com/support/documentation/custom-css-in-joomla

Thanks! (SOLVED)
I find your post: www.joomlaplates.com/forum/j3-rooms/5149...-module-on-frontpage
It's very easy.
I dont' have the custom.css file, but I create this, and I set this file into my css folder (templates/rooms/css/ custom.css)
I catch with chrome the css style to change, (two styles for me: the title on mobile phones and the "read on" button)
I set into the custom.css file these lines:

@media (max-width: 768px) {
.sprocket-mosaic-g-item:hover .overlay-mode .sprocket-mosaic-g-title{font-size:14px}
.overlay-mode .sprocket-mosaic-g-text, .overlay-mode .sprocket-mosaic-g-readon{font-size:10px}
}
Now, it works perfectly! THANKS!