WAIT: Hiding section on mobile creates a white space

How To
1

I would like to hide a section in mobile view and show in desktop only.
i have circled the section I want to hide and tried content - misc - collapsed and hidden. It hides the section in mobile only but creates a huge white space in mobile view meaning the user might mistake it for the end of the page. Is there a way to collapse and hide the section.

bricks 1
bricks 11494Ă—800 81 KB

thank you

1 Like
2

Hi @OwenH7,

instead of “Visibility” property, try to use “Display” and set it to “none”. That should solve your problem.

Best regards,
M

3

thanks for reply

Your suggestion was the steer i was getting from videos etc online.

However when I select table, and go to miscellaneous, there is no display option. This is why I tried visibility. Where is the display function for the table?

bricks 2
bricks 21919Ă—985 158 KB

4

Hello as mentioned in my reply with screenshot, I am not seeing a display property. Could you kindly respond please?

5

Hi,
sorry for the late response.

Yeah, if it’s not there, you can check if it’s in the “content” tab. Maybe the setting is there.

Otherwise, you can always use custom CSS like

%root% { display:none; }

Best regards,
M

6

When I use %root% { display:none; } it still adds an empty space.

7

Hi @Webrats,

this seems to be a different issue/config then. Can you share a website URL, and record a short video about the problem you have?

Thanks,
Matej

8

Hi,

any news about this bug? I’ve just started using Bricks and I’ve just seen this problem. By the way, I notice that it doesn’t happen on Firefox, only on Chrome, Edge and I imagine chromium browsers in general.

It’s really crippling because it means that, for the time being, I have to completely delete a section, including in desktop, to get a correct display in mobile.