Showcasing images, videos, gifs on laptops, mobile screens on your website is now a trend. They are the modern web design elements and can be seen on every popular websites.
Using the Dynamic Devices, you can show your website, app and other screenshots on the mobile, laptop and desktop screens. This gives a lively touch to your website and makes it standout.
How to use the Dynamic Devices Widget of The Plus Addons For Elementor
The Dynamic Devices widget comes with two different layouts i.e. Normal and Carousel. This widget is easy to use. Let’s understand how to use the widget below.
Search for the Dynamic Devices element from the Elementor screen in the left and then drag and drop it into the content building area. After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to the Dynamic Devices widget. First, click on the Content tab.
Select the Layout for the Dynamic Device here. You will get two options here, Normal layout and the Special Carousel layout.
Select which Type of device you want to display. You will four options to choose from. Mobile, Tablet, Laptop, and PC.
Set the particular model of the device you want to use. i.e. iPhone white, Macbook black.
Select the image here you want to be displayed on the device you have selected.
Select if you want to add a link or display the pop up.
Slide right if you want the Icon to be displayed.
Upload the icon here that you want to display.
The Style tab is used for customizing the appearance of all the Scroll Navigation widget components. All these styling options include customizing the fonts, colors, background, margins, and padding which are common across all the widgets. So, we have created a single detailed article explaining these Styling Options
Enable and set the Continuous Animation, Icon Radius, and Icon Size.
Set the Slide Gap/Space, Adjust Slide Space, Carousal Width, Box Shadow, Slide Opacity, and Slide Scale.
Set the Width Adjust, Padding, and Margin here.
Enable and set the Scroll Image and Box Shadow.
On Scroll View Animation
On Scroll View Animation Options are used to set beautiful animations to your sections. They are a common option for almost all the widgets. So, we have written a detailed tutorial explaining how to use these options.
View On Scroll View Animation Tutorial