responsive

using bootstrap with beaver builder

Using Bootstrap CSS helpers with the Beaver Builder Theme

By Michael Davis / September 29, 2016 /

The Beaver Builder Theme is based on Bootstrap – one of the most popular HTML, CSS and JS frameworks for developing responsive, mobile first, websites. By using standard Bootstrap CSS classes you can add unique stand-out elements to your page. In this post, we show you some great examples.

Read More

Compression, pixel sizes and responsive images in Beaver Builder

By Michael Davis / July 10, 2016 /

In this exercise, I’m looking at how WordPress and Beaver Builder handle images, compression applied, cropped sizes and display variations for responsive display settings. WordPress jpg compression When you upload a JPG image to your media folder, WordPress automatically applies an 82% compression to the file. WP does not apply any compression to your original…

Read More

How to hide or show the sidebar on smaller devices

By Michael Davis / July 10, 2016 /

This may seem obvious to some, but it did stump me for a while. I have a sidebar to the right of these posts to display various widgets throughout the site. I add buttons, links and other items as I need them. The thing is, the sidebars were only displaying up on desktops and were…

Read More