Making the header image auto-size (responsive)

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Blackbam

    (@blackbam)

    12 years, 10 months ago

    1. See previous Thread

    2. (I forgot in the last thread) – it may be helpful not to use the header image as a background image, but to use the html-img tag, like this:

    <div onclick="if(this.getAttribute('data-link')!='') window.location.href=this.getAttribute('data-link')" data-link="[link]" class="chi_display_header" ><img src="[image_url]" style="width:100%;" alt="" /></div>

    – or you can figure out some better solution.

    Does this help?

    weslers

    (@weslers)

    12 years, 10 months ago

    Jacobstone

    Leave the widht and height blank in the setting and add the below to the custom output and it will change it from a div with a background to an image and it will be responsive

    <img src="[image_url]" />

    Thread Starter jacobstone

    (@jacobstone)

    12 years, 9 months ago

    Blackbam, that worked like a charm! Thank you so much!!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Making the header image auto-size (responsive)’ is closed to new replies.