Hello,

I am using a theme i created with artisteer. It is responsive and the header image wold be also. I am wondering how I can make the dynamic banner responsive also. i have tried replicating some of the original header css but I'm really just guessing.

Here is an example of my code if it helps.

<div class="my-sheet clearfix">
<header class="my-header">
<div class="region region-art-header">
<div id="block-dynamic-banner-dynamic-banner-block" class="block block-dynamic-banner">
<div id="banner">
<a class="link" title="MyTitle" href="http://my.com">
<img class="banner" src="/sites/default/files/banners/header_0.jpg" alt="My Header Banner">
</a>
</div>
</div>
</div>
<div class="my-shapes"> </div>

Anything I tried to add in the dynamic banner css made a mess. I have little knowledge with css. The theme comes with a style.css and a style.responsive.css file and I have tried to hack in or add "banner" but no luck..

I am also wondering if the system works as what I think I read in another issue where if I select rotating and enter the images separated by , as well as the corresponding urls i want each image to link to that is how to configure multiple banner on single page. I am a little confused on how to use this feature.

Thanks,

Comments

swarad07’s picture

swarad07
Primary language English
Location Navi Mumbai, India
commented
Issue summary: View changes

I think you can easily make the images to work nice with a responsive site. You can simply add the following css rule to your theme's css file and the images not overflow and make the horizontal scroll appear for small resolutions.

You can write multiple versions of the width % depending on your designs for tablets & wide.

#banner-left img {
width: 100%;
}

Cheers,
Swarad

modiphier’s picture

modiphier commented

Thanks swarad07 I will try that out..