How to remove white space when hiding a column on responsive views

jbdesign2000 · November 2019

Hi,

I hide some columns in other to make them invisible on different screen sizes... the thing is that the column is not completely hidden (it leaves a white space where the column use to be) how can I remove that white space?

Thanks!

Pablo · November 2019

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co

thanks

jbdesign2000 · November 2019

Hi Pablo!

Page link: http://daswork.com.ar/home-2/

Screen shot: https://snipboard.io/9moFAP.jpg

Let me know if you need anything else.

Thanks!!

Pablo · November 2019

The problem is related to your structure of page.

https://prnt.sc/pww2hg

There is a lot of blank space which will be affected on mobile - of course, you can hide it for mobile only, but I strongly suggest to recreate the page and to make spaces with paddings attribute.

Thanks

jbdesign2000 · November 2019

But that space appeared after I hid the columns... I don't need to add any padding...

I want the page to show the content in a different layout according to the device and for example when I hide that content in mobile, that gives me blank space on desktop... and vice versa

Pablo · November 2019

Please, be sure that you hide it on mobile properly.

https://wpbakery.com/video-academy/category/responsive/

If it be, it should be using the 'display:none' property which makes the element invisible without any height value applied.

Thanks

How to remove white space when hiding a column on responsive views

Comments