Archived topic

Problem with Hide-on-mobile

3 replies · Started by Viktor on March 11, 2022

Viewing posts 1–4 of 4

March 11, 2022 at 2:42 am #2150538

Hello GP-Team,

I want to hide the first picture on mobile and tablet. To hide the container with the picture inside is working fine but on mobile and tablet there is now a huge space between the first and the second section. I guess this is the hided picture. Can I hide it in a way that there is not such big space between these sections?

Thanks a lot in advance and kind regards
Viktor

March 11, 2022 at 4:35 am #2150623

Hi there,

you have some custom CSS using the start class to add 60vh bottom margin to the parent element:

https://www.screencast.com/t/lLWe3CErGo

Which you can see is creating the space.

As a note, the hide-on-* classes in GP uses display: none; - which removes them from the document flow, so they don't occupy any space on the page

March 11, 2022 at 5:05 am #2150650

Thanks a lot for your help David! I really thought that this is the picture padding...

I found a solution now by using this code for the CSS that it only activates on desktop.

@media (min-width: 1025px) {
/* CSS in here for desktop only */
}

March 11, 2022 at 5:07 am #2150652

Glad to hear that

This archived topic is closed to new replies.

Start building better websites today.