Welcome, Guest
Username: Password: Remember me

TOPIC: Rok sprockets module feature title not responsive

Rok sprockets module feature title not responsive 1 year 11 months ago #1

  • stiponline
  • stiponline's Avatar
  • Offline
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?
The administrator has disabled public write access.

Rok sprockets module feature title not responsive 1 year 11 months ago #2

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
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%;}
}
The administrator has disabled public write access.

Rok sprockets module feature title not responsive 1 year 6 months ago #3

  • griffin
  • griffin's Avatar
  • Offline
Please, I have the same problem. But I don't know where is my css/custom.css...
Can you help me?
Thanks!
The administrator has disabled public write access.

Rok sprockets module feature title not responsive 1 year 6 months ago #4

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
The administrator has disabled public write access.

Rok sprockets module feature title not responsive 1 year 6 months ago #5

  • griffin
  • griffin's Avatar
  • Offline
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!
The administrator has disabled public write access.
Moderators: joomlaplates

Einzelnes Theme ( Download 1 Template)

Das sog. "Einzelne Theme" ist für alle Kunden geeignet die lediglich ein (1) Template benötigen, egal ob kommerziell oder privat genutzt. Sie dürfen das erworbene Template auf einer Joomla Installation produktiv nutzen.


Mitgliedschaft ( Download alle Templates)

Während ihrer Mitgliedschaft ist es ihnen erlaubt alle Templates herunter zu laden und unseren Bestimmungen entsprechend zu nutzen. Nach Ablauf der Mitgliedschaft dürfen sie natürlich alle bereits in Nutzung befindlichen Templates weiter einsetzen. Sie haben jedoch nach Ende ihrer Mitgliedschaft keinen Zugriff mehr auf den Download Bereich und keinen Zugriff mehr auf Updates.

Die Zahlung ist einmalig und ihr Membership läuft automatisch aus, sofern sie es nicht erneuern.

Unsere Mitgliedschaften bieten wir ausschließlich über JoomlaPlates.com an.

Jetzt kaufen