How To Make Divi Toggle Module Web Accessible

Following on from the post on making the Divi Accordion module web accessible, today we’ll tackle the Divi Toggle module. The functionality of the Toggle module is similar to the Accordion module. The main difference is each Toggle element stands alone. Because of that, I think the Toggle module should follow the WAI-ARIA Disclosure Design

How To Install Elementor

My favorite page builders for WordPress are Beaver Builder and Elementor. They’re easy to setup and quickly get to designing great looking pages. There are three main ways to get started. How to install Elementor: Use one of the following methods. Download from Elementor and upload through the WordPress Dashboard Install directly from the WordPress

How to Hide the Page Title with Elementor

If you’re building a page with Elementor, you might not want the title of the page to be visible. Basically, we want to hide this: Different themes handle hiding the title differently. For example, in Astra, there’s a checkbox on the page editor to hide the title. Thankfully, Elementor has the ability to do this

How to Make a Sticky Header in Elementor

A lot of websites use sticky headers. This is where the header appears to “stick” to the top of the browser window as the user scrolls down the page. If you have Elementor Pro, you can create a sticky header across the whole site, replacing the current theme header. This has been a feature since

How To Stop A Hidden WordPress Image Loading On Mobile

One of our readers commented on the tutorial about responsively hiding elements in Elementor raising a great question: what if you don’t just want the element to be hidden – what if you wanted to prevent an image from even loading on mobile. With most methods of hiding elements for mobile, you’re just assigning this

How To Display Two Columns On Mobile In Elementor

As a web designer, it’s important that your website looks good on all sizes of screens. Sometimes you need to display two columns side-by-side on mobile. Elementor defaults to having columns be full width on the smaller screens. Usually that’s what we want, but how do you get this dark image to sit up next

When The Elementor Editor Is Blank, How Can You Fix It?

A site I build some time ago had problems after one of the recent Elementor updates. We don’t know which update caused the problem, because Elementor is only used on the home page, which isn’t changed very often. The fix was simple, but not intuitive. When you get the “Elementor White Screen of Death”, there

How To Hide A Column On Mobile Or Tablet In Elementor

There are times when you need to hide a column on Elementor for mobile or tablet devices. This is not something that Elementor shines at, and implementing it is a little counter-intuitive. How do you hide a column on mobile or tablet in Elementor? Right click on the column, Click Edit Column, Select the Advanced Tab, Add

Responsive Column Ordering In Elementor

A popular web design technique swaps images and pictures as you go down rows on the page. It looks great on desktop, but often leads to a strange look on mobile. There needs to be a way to reverse the order of some columns. As I was building in Elementor, that’s what I’ll discuss here.

How To Responsively Hide Elements In Elementor

I had a situation in a website build recently where I wanted to show a high resolution slider on desktops and a lower resolution, static image on mobiles. I’ve done this before in Beaver Builder, but hadn’t done it in the Elementor WordPress page builder. We’ve got a guide on how to install Elementor if