Main - Bottom Layout issue

Hello,

I added the below code to reduce the spaces between the main and bottom content
(url: https://eggersmannusa.com/test2/catalogs).

/* Reducing the space between bottom main content and bottom content (CATALOGS) */
/*
#gk-mainbody {
padding: 10px 0 0 0;
}
*/

The code works, but it creates an issue: The bottom elements of the k2 grid layout are cut off at the bottom of the page, so the images are not full showed. At this moment the code is off, so the k2 grid layout is working correctly (portfolio option https://eggersmannusa.com/test2/portfolio).

Is there another way to sort my main layout issue without affect the rest of the content?

Thanks!

Could you please a link to exact place where this issue occurs (when the code is on)?

Sure,

Please look the image atached,

Right now the code is disabled, so it works fine. https://eggersmannusa.com/test2/portfolio

Thanks!

And where should I go (url) to see the issue with k2 grid?

I just enable the code to show you the issue: https://eggersmannusa.com/test2/portfolio

By the way, the code is inside the override.css file, thanks!

I can enable the code on my side, no need to present it to others. But even with the code on - homepage looks fine - I need page where actual problem occurs.

It's so weird, now the "portfolio" page looks ok in desktop with the code on... I don't know why this is working

However, browsing the page on smartphone, the last category image is not fully showed (image attached)

Thanks for your help!

They area also cut out on desktop... Please modify your code:

Code: Select all

#gk-mainbody {
  padding: 10px 0 80px 0;
}


Above one should work better.

Totally!

Thanks a lot!

If you have any additional questions regarding this topic, please let me know.