Build a Full Screen Pop-Up with Elementor and a Slide-in Menu
HTML-код
- Опубликовано: 12 сен 2024
- The simplicity in creating a Pop-Up Screen with Elementor is unbelievably brilliant. Note that we are using Elementor Pro - rather than any additional plugins etc.
What we'll do is;
a) Create a Pop-Up Menu for the Full Screen
b) Add in Menu Items that slide in one-by-one from the Left
c) Add Social Icons that slide in from above
d) Activate with an Icon
Nothing new here, but it's all good!
PS - if you want to change the 'Close' button for the Pop-up then see these links and fast forward to this part of the video: 10:16
10:16 to see the CSS Code for Close Icon Change.
Icon Symbols: elementor.gith...
Icon 'e' code: github.com/ele...
- Get Elementor Pro here --- elementor.com/...
-- Of course, we're affiliated to them, but it helps to pay for resources to keep creating ace content for you :)
-- Book an Appointment/Consultation: calendly.com/i...
-- LinkedIn: / imran-siddiq-7320a74a
-- Instagram: / batswebsitedesign
-- Twitter: / imranwebsites
-- Facebook: / websquadrontraining
PS: websquadron.co.uk
PPS: Contact us at info@websquadron.co.uk
PPPS: We only build with Elementor Pro
This video literally pulled me out of an Elementor Pro black hole. I made a full page pop up menu that was transparent so the site can still be seen, while watching the video. Something I couldn't find in any of the tutorials or paid widgets/plugins. I draw things, I do not code things. I'm a codiot. I had been working on for HOURS on this. Thank you! Thank you! Thank you!
So glad it helped.
Easy to follow and to the point :) Thanks!
You've got great energy! Thanks.
Without pro which one do same thing for popup menu ?
Might need a plug-in but it’s better to invest or get your client to invest in EL Pro.