DNN7 Making logos resize in Responsive CSS


Author Message
Elvira
Artisteer Team

Posted: 2/11/2014
Quote message 

Hi,

I'd recommend that you use separate images for different responsive views.
First, you need to reinsert your Header image (logo) as an Imagelink (Header tab - Controls - Imagelink).
Right click on it - Visibility and choose it to be visible only in a desktop view.
Then go to Responsive View at the top right corner of Artisteer, choose one of the views, switch to "Custom Responsive"
and insert an imagelink again.
Scale it as needed, place in a necessary position, right click on it and choose it to be visible only in that specific view.
After that press "Reset to default Responsive", so the header height is adjusted to the image.
You can do the same for other views. You can reinsert all your Header images this way.

Please let me know if this instruction is not clear to you and I'll try to explain it in more detail.