Community Forums

Welcome to the community forums! Wants you register, you'll have access to submit anything that is related to the categories.

Register
  1. Styles live demo has been moved to: xenForo Demo
    Dismiss Notice

How to Make Responsive Image Banner

Discussion in 'General Discussion' started by rakhwanna, Feb 21, 2016.

  1. rakhwanna

    rakhwanna New Member Feb 21, 2016

    Hi, admin

    i try to add 720x90 banner on ad_above_top_breadcrumb and other ad placement, but when see it with smartphone the image is not responsive
    how to fix it? i used cloud pro

    Thank you
     
    #1
  2. Dohtheme

    Dohtheme Administrator Staff Member Feb 23, 2016

    Hello,
    add this code to "ad_above_top_breadcrumb" template
    HTML:
    <div class="banner">
    <img src="image url" />
    </div>
    and this code to "Extra.CSS"

    Code:
    .banner img
    {
    display: inline-block;
    max-width: 100%;
    }
     
    #2
  3. rakhwanna

    rakhwanna New Member Feb 27, 2016

    Thank you for your support
    it works
     
    #3

Share This Page