Image Show GK4 - logo gets cut off

So I'm using the quick start example and I changed the photos in the slide show.

However the first photo which is the company logo gets cut off from the Desktop view in the browser.

http://brothersbaits.com/

NOTE: In the mobile version it displays properly. What could the problem be? Is there is specific image size required? Do I have to change the settings in the module?

Oh do you have any tips to speed up the loading?

regards,

Dave

btw I'm impressed with the template so far... Good job

Hi

Please add this code to override.css and make sure override is enabled in template settings:

Code: Select all

.gkIsWrapper-gk_storefront .gkIsSlide {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto auto;
}


You will see that both images are way too small. I would advice to use at least images with width 1600px.

To speed the site up I would advice to use jotCache component. That's the best way I know.