Make a Portfolio Gallery with Live Preview Box in Elementor | Portfolio for Web Designer/Developer

Today, I'll show you how to make a Portfolio Gallery with Live Preview Box in Elementor/WordPress website and make a Portfolio for Web Designer or Developer.

✅Get Elementor Pro:
https://makedreamwebsite.com/elemento...

✅Get code snippet for Portfolio Gallery:
https://makedreamwebsite.com/make-a-p...

✅Get this READY-MADE template on TEMPLATISH:
https://templatish.com/template/eleme...


In this tutorial, I’ll show you how to make a beautiful portfolio design in your Elementor website. So, here you can add all of the websites we’ve worked with and you can filter them by clicking on the categories. Also when we click on the items, you can see a live preview of that and from the device toggle buttons. You can check its responsiveness on the tablet and mobile devices. Here is also a visit site link. If you also want to visit the actual website you can also do that.

This portfolio grid is also perfectly responsive. It looks perfect from the tablet, mobile or any other devices. By the way, we are not using any extra plugin in this tutorial.

If you want, you can get this portfolio section as a template from my template shop. Here also as a bonus, you'll also get the non-container version of that. But, if you don't want to get this template, you can also start it from scratch.

First, you need to take a Gallery widget where you can add some images (projects) with some categories. Above each of the images, then we have also added a "See Preview" button.

After that, take an another container and make it a popup. Inside that we make the top bar of the preview with all of those buttons and under that make the preview of the site.

We add some more code the make all the functionality with that popup. Finally, make it responsive for the tablet and mobile devices.

So, that's how you can make this portfolio page for web developer in WordPress. If you enjoy this tutorial, don't forget to like and subscribe.