Website Building » Elementor » How do I make my Elementor site responsive?

How do I make my Elementor site responsive?

Last updated on September 25, 2022 @ 4:16 am

Making your Elementor website responsive is a great way to ensure that your site looks great on a variety of devices. There are a few steps that you can take to make your Elementor site responsive, and we’ll walk you through them below.

First, you’ll need to enable responsive design in your Elementor account. To do this, click on the “Settings” tab on the main menu, and under “Design”, select “Responsive Design”.

Next, you’ll need to adjust some of the design elements on your Elementor site. To do this, click on the “Design” menu item again, and under “Layout”, select “Responsive Design Mode”.

Now, you’ll need to adjust the width of your content columns and the width of your sidebar. To do this, click on the “Design” menu item again, and under “Layout”, select “Column Widths”.

PRO TIP: If you are using the Elementor page builder to create a website, be aware that you need to take some extra steps to make sure your site is responsive. By default, Elementor does not automatically create responsive layouts. You will need to create a separate mobile layout in order to ensure that your site looks good on all devices.

Under “Sidebar Width”, you’ll need to adjust the width to match the width of your content.

Finally, you’ll need to adjust the height of your content columns and the height of your sidebar. To do this, click on the “Design” menu item again, and under “Layout”, select “Column Heights”.

Under “Sidebar Height”, you’ll need to adjust the height to match the height of your content.

Once you’ve made these adjustments, your Elementor site will be responsive and look great on a variety of devices. If you have any questions about how to make your Elementor site responsive, don’t hesitate to contact us.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.