Report any technical problems you discover and discuss solutions.

Is it possible to make the icon responsive?

Plus d'informations
il y a 10 ans 6 mois #3412 par 0kee
Hi,
Could anybody point me to the code to edit to make the icon responsive?
Many thanks,
Karl

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 10 ans 6 mois #3424 par Fay
Réponse de Fay sur le sujet 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 :)
Les utilisateur(s) suivant ont remercié: 0kee

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 10 ans 6 mois #3427 par ronm
Réponse de ronm sur le sujet 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/
Les utilisateur(s) suivant ont remercié: 0kee, isalinas

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 10 ans 6 mois #3433 par 0kee
Réponse de 0kee sur le sujet 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

Connexion ou Créer un compte pour participer à la conversation.

Modérateurs: ronmjultenJohnSmith
Temps de génération de la page : 0.133 secondes
Copyright © 2026 The Xerte Project.
Xerte logo Apereo logo OSI Logo