Report any technical problems you discover and discuss solutions.

Is it possible to make the icon responsive?

  • 0kee
  • Onderwerp Auteur
  • Offline
  • Senior lid
  • Senior lid
Meer
10 jaren 6 maanden geleden #3412 door 0kee
Hi,
Could anybody point me to the code to edit to make the icon responsive?
Many thanks,
Karl

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Meer
10 jaren 6 maanden geleden #3424 door Fay
Beantwoord door Fay in topic Is it possible to make the icon responsive?
The file that adds the icon to the project is: modules/xerte/parent_templates/Nottingham/common_html5/js/xenith.js (search for x_params.ic to find the line where it's added)

The responsive css file is: modules/xerte/parent_templates/Nottingham/common_html5/css/responsivetext.css

If you get it working then please share the code :)
De volgende gebruiker (s) zei dank u: 0kee

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Meer
10 jaren 6 maanden geleden #3427 door ronm
Beantwoord door ronm in topic Is it possible to make the icon responsive?
The reason I didn't add anything to the responsive css for the icon is because every icon/logo is likely to be a different shape/size so probably needs author control. If you are using 3.1 the LO icon now has an optional styles property as well as the stylesheet option. In either add something like the following:

#x_headerBlock img.x_floatLeft{
width:10.0vmin;
height:auto;
}

Change those values accordingly and if you want further control add media queries to vary the size accordingly e.g the above example might be too small on a handheld device.

HTH
Ron

Xerte developer & trainer
e-learning & m-learning consultant
mitchellmedia.co.uk | xerteacademy.com | learningapps.co.uk
Note: Support here is voluntary and meant for users to support each other.
Need direct commercial support with Xerte? mitchellmedia.co.uk/contact/
De volgende gebruiker (s) zei dank u: 0kee, isalinas

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

  • 0kee
  • Onderwerp Auteur
  • Offline
  • Senior lid
  • Senior lid
Meer
10 jaren 6 maanden geleden #3433 door 0kee
Beantwoord door 0kee in topic Is it possible to make the icon responsive?
Thanks Ron,
I added that code to the Flatwhite.css (base style I am using), changed the width to 40.0vmin and it worked a treat.
Cheers

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Moderators: ronmjultenJohnSmith
Tijd voor maken pagina: 0.145 seconden
Copyright © 2026 The Xerte Project.
Xerte logo Apereo logo OSI Logo