Device Mockup Widget Tutorial
Essential Classy Tab from Dashboad -> Widgets then enable Device Mockup Widget
![](https://ecaddons.com/wp-content/uploads/2023/05/devicemockupenable-1024x510.png)
Now Drag and Drop Device Mockup widget
![](https://ecaddons.com/wp-content/uploads/2023/05/devicemockupwidget.png)
Mockup : Six Predefined and Custom Selection
![](https://ecaddons.com/wp-content/uploads/2023/05/ddmockup.png)
Hover Scroll & Speed
![](https://ecaddons.com/wp-content/uploads/2023/05/ddhoverscroll.png)
Manual Scroll & Style Scrollbar
![](https://ecaddons.com/wp-content/uploads/2023/05/ddmanualscroll.png)
Style Tab
![](https://ecaddons.com/wp-content/uploads/2023/05/ddstyletab.png)
Predefine Mockup
in predefine mockup you can manage Background and border of mockup
Custom Mockup
in custom mockup you can manage width of mockup
Custom Frame Image
in custom frame image you can manage width and top& left offset of mockup