Comments on: How to Build a Responsive Website With Beaver Builder (And Why You Should)

By: Jennifer Franklin

Jennifer Franklin — Thu, 03 Jun 2021 20:42:11 +0000

Hi Eva, if you reach out to our support team we will be happy to look into this for you. https://www.wpbeaverbuilder.com/beaver-builder-support/

By: Eva Ruutopold

Eva Ruutopold — Tue, 01 Jun 2021 14:21:19 +0000

Could you explain why the changes I make to the smaller screen sizes, now show up on my full-screen size?

By: Anthony Tran

Anthony Tran — Wed, 25 Sep 2019 14:41:21 +0000

In reply to Emily.

Hi Emily, can you contact our Support Team so we can look into this for you. https://www.wpbeaverbuilder.com/beaver-builder-support/

By: Emily

Emily — Wed, 25 Sep 2019 14:34:07 +0000

I am having the same problem as Justin who commented on Sept. 14 at 5:33am.

Why would the changes I made on mobile and tablet roll up to effect the desktop? How do I fix this so that doesn’t happen?

By: Justin

Justin — Sat, 14 Sep 2019 12:33:24 +0000

I see that when layout changes in mobile view are changed, it changes all they way up to desktop and so there is a bit of misconception that each icon is its own canvas. Are there plans to do this…make it possible to have different layouts for desktop,
tablet and mobile?

By: Anthony Tran

Anthony Tran — Mon, 06 May 2019 19:16:08 +0000

In reply to Rick. Hi Rick, you can upload separate background images for Desktop, Tablet, and mobile devices. There is a little computer screen icon when you click on that, it will indicate the option for you to upload different photos for each device size.

By: Anthony Tran

Anthony Tran — Mon, 06 May 2019 19:13:00 +0000

In reply to MarkC. Hi Mark, with Beaver Builder you have the option to upload separate background images for Desktop, Tablet, and mobile devices. Next to the section where you upload a background photo, there is a little computer screen icon. When you click on that it will show you the tablet icon, and mobile icon. That will indicate the option for you to upload different photos for each device size. Hope that helps.

By: Anthony Tran

Anthony Tran — Thu, 02 May 2019 13:49:27 +0000

In reply to Gerard. You make a great point Gerard. Thank you

By: Rick

Rick — Thu, 02 May 2019 09:42:39 +0000

One area I don’t see covered is how to set background image in a row. If this is not set right, they won’t scale properly on different screen sizes. It’s not always necessary to create different breakpoint versions if you use Attachment > ‘scroll’ and Scale > ‘fill’. But do you have any advice on how to use Advanced > ‘Spacing’ and ‘Padding’ with PX – % – VH – VW on responsive settings?

By: MarkC

MarkC — Thu, 02 May 2019 01:20:06 +0000

Great tutorial. I would like to know more about responsive image sizes.
For example, I have a background banner image at the top of the page (1800 x 900 px) with some text floating over the top. I would like a smaller background banner image to load on a mobile phone, not the full sized image.
I know WordPress creates smaller images each time you add a new image to the Media Library. Does Beaver Builder serve up the smaller image sizes automatically or do I have to go into the responsive edit mode and chose the smaller sized image?