dispaly an Image show with responsive design

Hi!

I cant figure out how to configure an image show in the header position for the Creativity tmpl that also looks good - proportional - in iphone/android.

I have been tryin this with a couple of your last templates, but it is only display nice in the Start up template.

Any trix to solve this?

Best regards,
Per F.

If you are using Creativity template and you have selected Creativity style in Image Show GK4 and module position is set to "intro" without quotes then it should work without any problems.

Let me know if you have done above and still cannot get it work and then I ll check your site.

See you around...

Hi,

yes, that works good, but is not the way I want the slide show to appear, I guess...

I want it 1000px width and 400px height, published with an joomla article (used lately in Start up tmpl with good result in all devices).

But with Creativity tmpl in iphone it looks like the module´s margin-bottom is set to 100px... thats´s the space I wanna get rid of it.

all the best,
Per

I don't have an iphone to test this but currently module is using 100% height so try adding fix height in mobile.css

template/gk_creativity/css/mobile.css

Code: Select all

.gk-intro{ max-height: 322px; }


Let me know if this works for you.

Hi,

Thanks, but that didn´t seem to help.

I noticed that the image show displays differently in iphone using the preformatted module styles (in Creativity):

gk_storebox:
+ Image doesn´t display 100% width of window
+ TO much extra "margin-bottom"

gk_startup:
+ image doesn´t display 100% width of window
+ NO extra "margin-bottom"

gk_bikestore :
+ image doesn´t display 100% width of window
+ NO extra "margin-bottom"

So there must be a way...
Any other suggestions?

All the Best,
Per

PS. As I wrote before: I want the image 1000px width and 400px height, published with an joomla article (used lately in Start up tmpl with good result in all devices).

Just noticed you are using joomla article, do you have any link to your page so I can take a look.

See you around...

Hi,

Image Show appears here: http://www.perfriberg.net/openideas/web-de-luxe
Done some editing in css, but...

Here the IS works all the way in Start Up tmpl: http://www.upplevitalien.se.temp-url.se ... r-aeventyr

Maybe we could try another way: I´m using several of your templates and I need the image show to work for all. Is it possible for you to fill out the "form" below?

Regards!
Per

- - -

Best Image Show settings for correct display in desktop and iPhone/android devices:

#1. Simplicity (Open Ideas)
Best module Position?
Best module Style?

#2. Creativity
Best module Position?
Best module Style?

#3. Storebox
Best module Position?
Best module Style?