Beaver Builder – Mobile Responsive Layout Options

This 5.36 minute video explores the advance mobile responsive setting in the Beaver Builder plugin.

I have to confess I was some time with Beaver Builder before I explored the Mobile advance setting. With the ability to reverse the stacking order in version 1.8 we have a lot of powerful options without having to get all messy with custom CSS.


I build websites at WP Corner Shop and travel. I also co-host a weekly WordPress podcast called WP Builds and make YouTube videos.


  1. Angela Scialom Angela Scialom on 29th June 2016 at 9:08 pm

    Great Videos (not just this one) – Thank you

    • David Waumsley David Waumsley on 30th June 2016 at 2:54 am

      Thanks Angela. That cheered me up on a bad day :-)

      • Hannah Richardson Hannah Richardson on 7th July 2017 at 8:33 am

        You have saved me trawling through sites …..I was pulling my hair out as my site is starting to look ok on a desktop, but terrible on mobile!
        I knew creating a website was a big project but it has become a bit of a labour of love – as TBH, I love learning all this stuff. I started looking a coding as I want to create an app…but one thing at a time!!

        I’ve given you my hotmail email, but my website one is

        • David Waumsley David Waumsley on 9th July 2017 at 12:59 pm

          Thanks Hannah
          Ha ha, this is how most of us started. Run now – it’s the road to ruin!! Just kidding. Creating an app – now that is scary. Good luck :-)

  2. Eric Eric on 4th May 2017 at 6:59 pm

    This was really helpful. I knew there had to be a better way than just duplicating everything and setting visibility. Not sure how I missed the column options but I appreciate you taking the time to post this. Thanks!

    • David Waumsley David Waumsley on 5th May 2017 at 1:54 am

      Thanks Eric. I think it is so easily missed. So many changes too that I wonder how long my videos can remain helpful.

      • Eric Eric on 23rd May 2017 at 2:33 am

        Such is the nature of product documentation, unfortunately, particularly with how quickly releases are built and pushed these days. Trust me, the videos are helpful to at least understand concepts even if they go stale quickly. For me, it’s more about how someone approaches a particular problem and solution that provides real insight. Most of the time I watch videos because I’m too lazy to figure it out for myself. :)

      • Cathy Cathy on 3rd March 2018 at 4:06 am

        Still helpful!!

  3. Cathy Cathy on 3rd March 2018 at 4:05 am

    Bless you!!!!!!!!!!!!!!!!!
    After I watched this, I cried tears of joy and frustration. I had been working the “laborious” way for several hours and thought, there has to be a better way. And then I found your video. I’m so happy that Beaver Builder added this feature, and I’m thrilled that you thought to share it out there!

    • David Waumsley David Waumsley on 3rd March 2018 at 4:40 am

      And bless you Cathy too. Thank you :-)

  4. Cathy Cathy on 3rd March 2018 at 4:21 am

    Not sure you’re still even checking here, but I do have a question. You mentioned that you don’t like the extra padding above and below when items stack, but then you didn’t really address that in your demo. I’m still needing to edit the css to fix the top and bottom padding. Is there a better way?

    • David Waumsley David Waumsley on 3rd March 2018 at 4:46 am

      Cathy, you don’t want to take too much notice of what I say :-)

      As it’s too excruciating for me to listen to myself (particularly early videos) I am going to guess I said this when there was no option to add padding for each device. I think it is fine now.

      • Cathy Cathy on 3rd March 2018 at 8:34 pm

        It’s hard to go back and hear ourselves. As a web designer, I can look at my early work and think ‘what the heck?!’ Anyway, regardless of the top/bottom padding, this was still a light for me. Thanks again.

Leave a Comment