Problems with GK4 Image Show showing on multilengial site

nicolasfetting-hotmail-com

Hello,
actually we're working on a multilingual site with german and english content.
The GK4 Image Show (desktop) and (mobile) is working fine on the german page
https://newrationale.de/index.php/de/
but no showing up on the english home
https://newrationale.de/index.php/en/

Any ideas?

Thanks in advance
Nicolas

saguaros

nicolasfetting-hotmail-com Hi

Could you share the FTP account?

nicolasfetting-hotmail-com

saguaros Thanks, I just updated the info.
It's the "newrationale" directory.

Thanks in advance
Nicolas

saguaros

You're using 2 modules for desktop & mobile, but you have not add custom css to show it on desktop like you did in GE language.

I just added this css:

@media (min-width: 576px) {
#gkIs-gk-is-921 {
    display: block !important;
}}

Kindly check.

nicolasfetting-hotmail-com

Thank you!!
That's working for desktop now, but can't get it working for mobile 🙁

Regards
Nicolas

nicolasfetting-hotmail-com

Sorry, me again..
Now the client is moaning about the header animation

not being full hight (before it covered the entire page)
running very snatchy (before it was fa fluent blend).

Any idea?

Thanks in advance
Nicolas

saguaros

The same with DE language, you need to add custom css to show on mobile:

@media (max-width: 576px) {
#gkIs-gk-is-922 {
    display: block !important;
}}

nicolasfetting-hotmail-com

Thank you Saguaros!
Any idea, why the module is not showing full screen but only on the very upper 1/3 on mobile?
On your Photo demo page, the gk4 animation header won't scroll up but stick in place.
On our newrationale page, you can scroll down and a white background (body) is visible.

Mobile

Desktop

Thanks in advance
Nicolas

nicolasfetting-hotmail-com

Hello Saguaros,
I changed, to make it easier, to just english header animation, one for desktop, one for mobile.
BUT there are some big problems, as mentioned above.

Underneath the gk4 slide, there is a white space, when you scroll down.
On your demo page (and another one I'm using the same template, the pictures show full screen, no white spaces).
On mobile, the pictures load up un big but are then scaled to screen width so they appear very small with a hugh white space underneath.

I need to fix this asap as it's a live site 🙁

Thanks in advance
Nicolas

saguaros

I updated the custom CSS a bit:

@media (max-width: 576px) {
#gkIs-gk-is-851 {
    display: block !important;
}
.gkIsWrapper-gk_photo {
    height: 100%!important;
    position: absolute;
    width: 100%;
}
}

nicolasfetting-hotmail-com

Thank you Saguaros!
Now on mobile, the slides show up in correct size! 🙂
Just that there is still a hugh white space underneath.
On other sites, I'm using the same Photo template, the slides stick in space and won't scroll.
What do I have to do to archieve this on newrationale?
Don't know what I changed that the slides will scroll up..

Thanks in advance
Nicolas

nicolasfetting-hotmail-com

Hello,
as I urgently need to fix the white space underneath the gk4 home animation, I tried this, don't know if this is the right way,
PLEASE, if you have another solution, please let me know!

On my page newrationale, on the home, I could scroll down so underneath the header slider, a big white gap appered (still appears on mobile)

On the GK Photo demo page, the gk4 slider won't move, it's sticked to the top.

I changed template.css

/#gk-mainbody {
padding: 114px 0 124px 0;
position: relative;
}/

#gk-mainbody {
padding: 0px 0 0px 0;
position: relative;
}

Maybe that is a totally unprofession solution 🙁
Please let me know!

Thanks in advance
Nicolas

saguaros

It due to the height value you set in backend of module, you can increase that value as you wish.