Image Show GK4, responsiveness issue

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Fri Oct 04, 2013 9:55 am
Reply with quote
Report this post
Hi all

my site uses Bikestore template and Image Show GK4 module (wiht module style gk_appsprotech).
In desktop and tablet viewing everything is ok.
In mobile devices the Image Show is totaly displaced to the left, leaving only a small portion of the images visible on the screen. In portrait orientation this beahviour is even worse than in landscape.
I tried to hack the variuos mobile.css, style.css in /modules/mod_image_show_gk4/styles/gk_appsprotech or in /templates/gk_bikestore/css ..., but with no success at all.

The site's url is http://www.minervaclubresort.it

Any hint would be greatly appreciated.

Many thanks in advance

Mario
User avatar
Fresh Boarder

teitbite
Fri Oct 04, 2013 11:50 am
Reply with quote
Report this post
Hi

Please try to add this to tablet and mobile css files:

Code: Select all
.gkIsWrapper-gk_appsprotech .gkIsSlide {
    left: 0 !important;
    margin: 0 !important;
}
User avatar
Moderator

GK User
Sun Oct 06, 2013 10:31 am
Reply with quote
Report this post
Thanks a lot!
That actually fixed the issue.

I've now two more, smaller, issues.
Especially in mobile portrait, the white space between the slide and the image selection buttons is way too large. In mobile landscape is large, but it is more acceptable.
In desktop mode the image selection buttons appear *over* the slide, as well as the is_arrows.png picture.
In mobile mode, on the other hand, the is_arrows.png and the buttons apper *under* the slide.
Is there a fix for this?

Furthermore, in mobile portrait, long titles of articles get not wrapped correctly: the tail of the title overwrites the beginning instead of going to newline.

Again ... many many thanks in advance!

Mario
User avatar
Fresh Boarder

teitbite
Sun Oct 06, 2013 5:48 pm
Reply with quote
Report this post
Hi

First issue You can fix by manually set the height in css for smaller mobile:

.gkIsWrapper-gk_appsprotech.loaded .gkIsImage {
height: 300px !important;
}

You just need to choose the best height to match the position of pagination buttons.

To fix titles please add this to css:

Code: Select all
article header h1 {
    line-height: 26px;
}
User avatar
Moderator

GK User
Mon Oct 07, 2013 1:47 pm
Reply with quote
Report this post
Thanks a lot!
That worked out nicely.

As appetite comes with eating, I've another question: the site's "Main Menu" when in mobile changes to a single button. Is it possible to have the same behaviour with the "top menu"? How?

Again, thanks a lot in advance

Mario
User avatar
Fresh Boarder

teitbite
Mon Oct 07, 2013 2:40 pm
Reply with quote
Report this post
Hi

Unfortunately this is little bit more complicated. I'm afraid we do not support such customizations. Sorry.
User avatar
Moderator

GK User
Mon Oct 07, 2013 5:40 pm
Reply with quote
Report this post
:-(
ok, thanks for your support so far.
User avatar
Fresh Boarder


cron