Mobile Editing

How To Adjust Settings For Mobile, Tablet, and Desktop #

Many editable features have a MobileTablet, and Desktop settings.  Most common uses include: Text size, Margin and Padding of elements etc.

  1. Look for the Viewport Icon file next to the individual element you wish to control.
  2. Click the specific device icon for which you want to edit its settings.
file ALpQdlt3JX

Controlling Responsive Background Images and Borders #

Background images in Elementor are automatically device-responsive, but you also have control over more options for each device.

  1. Background Image: You can choose a different background image for each device if needed, whether it is a size-appropriate version of the same image, or a completely different image altogether.
  2. Background Image Display Options: You can select a different image position, attachment, repeat, and size for each device. In this way, you have more control over which area of the image is displayed on different device sizes.

Visibility #

You can choose to Show Hide a Section according to the device.

  1. Go to Section Setting > Advanced > Responsive
  2. Set your visibility preferences, choosing from Hide on DesktopHide on Tablet, or Hide on Mobile.
file GPsrDAeCEw

When hiding an element, and switching to the view it’s hidden on, you will see that this element is “muted”. This gives you a clear indication that this element will be hidden on the live site, but still enables you to edit it as needed.

You can edit that specific area in the responsive mode in which it is not hidden. For example, if the element is visible on mobile but hidden on desktop and tablet, you will be able to edit the element in the mobile view.

Change Mobile & Tablet Breakpoints #

You can set the mobile and tablet breakpoint values.

  1. Go to Elementor > Settings > Style Tab, and set the breakpoint value for mobile and tablet
  2. Save your changes
  3. Go to Elementor > Tools > General Tab > Regenerate CSS, click Regenerate Files

Columns Ordering #

This feature reverses the ordering of columns.

To use Columns Ordering go to Section Setting > Advanced Responsive Reverse Columns and set it to Yes.

Device Preview #

Switch between Desktop, Mobile or Tablet views by clicking on the corresponding icons on the bottom of the panel.

W Mna2SIduSyMoeiEmssAqiWliA2 KX6x084L4eg hWfpf7IlmmvTf Pe7mYsAHyRhAaDNOd79c0vh03DO2UPvcslJkR2TrUON43eybsFG1G8IryOOgXHnk4KlZ6l sIyJbGECbv

Help! I Changed Something While In Mobile Preview, And It Changed On Desktop Too! Why? #

  • You can’t delete an element (widget, column, or section) while previewing one mode (mobile, for example), and expect it to only be deleted from that type of device. Deleting elements will delete them across all devices. You can, however, use the element’s Responsive Visibility feature by going to the element’s Advanced > Responsive tab and enabling any of its visibility options (Hide on Desktop, Hide on Tablet, or Hide on Mobile). While the element won’t be deleted on those devices, it will be hidden.
  •  You can’t move elements around while previewing one mode, and expect them to only be moved for that type of device. Moving elements around in any preview mode will move them across all devices. One exception to this is the Section > Advanced > Responsive > Reverse Columns feature, which does move columns to their reverse position.
  •  If an element doesn’t have a Viewport Icon file next to it, changing that element in one preview mode will change it across all devices.

Follow Us On instagram

Behind the scenes working as a team, our latest posts & more

Sometimes giving your business it’s visual look can be the hardest part. We want to tap into what makes your business unique and position you as the go-to expert in your industry. 

Let's start today -
A client with local roots and support for local business. Glad we got to share a little piece of giving back to our community.
A new year deserves a new look, right? 
We've redesigned our website and added a few new items. Over the next few weeks we will be highlighting new items. 

New Services:
✔️ Website Optimization
✔️ New Hosting Packages & Support
✔️ New Social Media Care Plans
✔️ and more!
Your business deserves a website that perfectly markets every aspect of your business. Let us create something tailored for you. 

💥100% Custom, WordPress
💥Brochure OR E-Commerce
💥Need special functionality? Ask Us!
💥In-House Hosting 

Free E-Books

Downloadable Resources

Resources to help you kickstart your business. 

Connect your brand with what matters.

Join our community for tips, tricks and resources to kickstart your business. 

want to work together?

Woodstock | Ontario | Canada

©2022 CREATIVE ATMOSPHERE | Designed by Creative Atmosphere

find your way around

else where

Kristen Jerry

Kristen Jerry

Typically replies within an hour

I will be back soon

Kristen Jerry
Hello ???? Thanks for your interest in us. Before we begin, may I know your name?
Start Chat with:
chat Need Help?