TOPIC:

Hi,
Could anybody point me to the code to edit to make the icon responsive?
Many thanks,
Karl

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 :)

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

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