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

Comments

• 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

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• 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
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• 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
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next