- This topic has 9 replies, 2 voices, and was last updated 5 years, 4 months ago by
.
Hello again!
I have another issue with the website and cant be resolved with the CSS as WDMU Stated. I am trying to copy the front page video row with columns and change it to be available on mobile phone – but there is an issue with the height of the rows. They create giant white gaps when hidden on devices and the css cannot resolve it. Apparentaly there is some issue with the WP Bakery?
The website is neuways.com
Could you please look into it for us? Thank you!
Karina
Hi Karina,
I hope you are well today and thank you for your question.
I visited your site but not sure exactly which gap you are referring to so could you please share the screenshot of it so that I can help you?
Best regards,
Shufflehound teamHi, thank you for coming back to me. I had to cancel it as our website is now live and it didnt look right. I will show you on the staging page instead. what I mean.
The staging page https://i0h.918.myftpupload.com/
Screenshot one on desktop and one on phone
Hey, any luck with this, please?
Thank you
I visited your shared site and saw this is happening because you have made the columns hidden instead of the row containing it so please make the WPBakery page builder row hidden to remove that space.
I dont have the option ‘Responsive’ in the Rows to hide it on mobile phones.
Or desktops. Only the columns have the option to hide it on devices.
Solution for this topic
Please refer to the information provided on the below page to achieve it.
https://themes.artbees.net/docs/how-to-display-something-on-mobile-and-hide-it-on-desktops/
https://themenectar.ticksy.com/article/9164/
https://ultimate.brainstormforce.com/docs/how-to-hide-a-row-on-specific-device-2/
It worked, thank you very much!
You are most welcome here 🙂
