Solved Templates

Display gap on mobile devices

Asked by Oliver 3 years ago Last activity 3 years ago

Hello,

I have problem with a white space, which appears on mobile devices only.
On PC, everything is fine - also in different browsers.
I don't find a way to solve it via PageBuilder settings.

https://prnt.sc/Pfd3Ewertbj0
https://prnt.sc/0IqurFa_JK2G

Thank you,
Oli

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff

Indeed bottom margin was from template styles, I fixed that already using:

@media (max-width: 991px) {
.view-products .j2store-single-product {margin-bottom: 0px !important;}
}

3 more replies

Paul Frankowski Senior Staff

Hi Oliver,

Thanks for the screenshots and links, I will check it in next few minutes.

Oliver Asked this

Hello Paul.
Thank you very much for taking care.
Hm ... I still see the white space.
Do I have to consider anything?

Paul Frankowski Senior Staff
3 years ago · edited

Reload browser 2x, to clean cache.

For sure there is no white bar on mobile and small tablet

info_1067_2023.jpg

for bigger tablet you can always change value from 991px to 1024px in custom.css file.

Log in to reply.