Sticky Frosted Bottom Navigation Menu - Elementor Wordpress Tutorial - No Extra Plugin
7.4 هزار بار بازدید -
2 سال پیش
-
Based on a request to
Based on a request to have a Frosted Bar - Navigation Menu that is sticky near the bottom.
Quick and easy with no extra plugin.
Frosted CSS:
.frosted {
backdrop-filter:blur(4px);
-webkit-backdrop-filter:blur(4px);
}
Bonus CSS for Button Styling if required.
selector {
border-radius: 25px 0px 0px 25px;
border-width: 2px;
border-color: #ffffff00;
border-style: solid;
}
selector:hover {
border-radius: 25px 0px 0px 25px;
border-width: 2px;
border-color: #ffffff;
border-style: solid;
background-color: #000000ad;
}
Sticky Frosted Bottom Navigation Menu - Elementor Wordpress Tutorial - No Extra Plugin
Hire us to work on your Website! [email protected] or visit https://websquadron.co.uk
Get Elementor Pro: https://be.elementor.com/visit/?bta=2...
Get Elementor Cloud Hosting: https://trk.elementor.com/bapnesbbfa9...
Support us: https://paypal.me/Websquadron
Mastery Membership: https://websquadron.co.uk/web-design-...
Indeed we're affiliated to them, but it helps to pay for resources to keep creating ace content for you :)
Equipment Used:
Softbox Lighting Kit (to focus main light onto me in a dark room): https://amzn.to/3feqH18
Soundproof Panels (to provide a dark setting, and prevent sound bounce): https://amzn.to/3HVfwqa
3m Ethernet Cat 7 Cable (to maximise the Internet Connection as the room is upstairs): https://amzn.to/3GlBvGw
Anker 6 in 1 Adaptor (for the Macbook Air to increase USB-C, USB-A, HDMI, Ethernet Ports): https://amzn.to/3tiukLA
USB-C to Lightning Port Cable (from my iPhone to my Macbook Air): https://amzn.to/3K2tGaU
Powerline Adaptor (boosts internet connection from downstairs 380mbs to the upstairs room 120mbs): https://amzn.to/3r8YcYc
Floodlights (positioned to glow onto the walls): https://amzn.to/33mRqWD
LED Light stands (either side of me): https://amzn.to/3Iaerez
Fifine Dynamic Microphone: https://amzn.to/3osbxu2
Floating Shelves: https://amzn.to/3Fhxyl1
Hanging Pendant Light Holders: https://amzn.to/3qgwnhg
Vintage Light Bulbs: https://amzn.to/3K0bQ8B
Music used:
Track: Will You Be Mine (Remix)
Free download: https://brokeinsummer.com/will-you-be...
Artists: https://brokeinsummer.com
Contact: https://brokeinsummer.com/help
Music provided by Audio Library Plus
- Get Elementor Pro here --- https://be.elementor.com/visit/?bta=2...
-- 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: https://calendly.com/info-28542
-- LinkedIn: LinkedIn: imran-siddiq-7320a74a
-- Instagram: Instagram: batswebsitedesign
-- Twitter: Twitter: imranwebsites
-- Facebook: Facebook: websquadrontraining
PS: https://websquadron.co.uk
PPS: Contact us at [email protected]
PPPS: We only build with Elementor Pro
Quick and easy with no extra plugin.
Frosted CSS:
.frosted {
backdrop-filter:blur(4px);
-webkit-backdrop-filter:blur(4px);
}
Bonus CSS for Button Styling if required.
selector {
border-radius: 25px 0px 0px 25px;
border-width: 2px;
border-color: #ffffff00;
border-style: solid;
}
selector:hover {
border-radius: 25px 0px 0px 25px;
border-width: 2px;
border-color: #ffffff;
border-style: solid;
background-color: #000000ad;
}
Sticky Frosted Bottom Navigation Menu - Elementor Wordpress Tutorial - No Extra Plugin
Hire us to work on your Website! [email protected] or visit https://websquadron.co.uk
Get Elementor Pro: https://be.elementor.com/visit/?bta=2...
Get Elementor Cloud Hosting: https://trk.elementor.com/bapnesbbfa9...
Support us: https://paypal.me/Websquadron
Mastery Membership: https://websquadron.co.uk/web-design-...
Indeed we're affiliated to them, but it helps to pay for resources to keep creating ace content for you :)
Equipment Used:
Softbox Lighting Kit (to focus main light onto me in a dark room): https://amzn.to/3feqH18
Soundproof Panels (to provide a dark setting, and prevent sound bounce): https://amzn.to/3HVfwqa
3m Ethernet Cat 7 Cable (to maximise the Internet Connection as the room is upstairs): https://amzn.to/3GlBvGw
Anker 6 in 1 Adaptor (for the Macbook Air to increase USB-C, USB-A, HDMI, Ethernet Ports): https://amzn.to/3tiukLA
USB-C to Lightning Port Cable (from my iPhone to my Macbook Air): https://amzn.to/3K2tGaU
Powerline Adaptor (boosts internet connection from downstairs 380mbs to the upstairs room 120mbs): https://amzn.to/3r8YcYc
Floodlights (positioned to glow onto the walls): https://amzn.to/33mRqWD
LED Light stands (either side of me): https://amzn.to/3Iaerez
Fifine Dynamic Microphone: https://amzn.to/3osbxu2
Floating Shelves: https://amzn.to/3Fhxyl1
Hanging Pendant Light Holders: https://amzn.to/3qgwnhg
Vintage Light Bulbs: https://amzn.to/3K0bQ8B
Music used:
Track: Will You Be Mine (Remix)
Free download: https://brokeinsummer.com/will-you-be...
Artists: https://brokeinsummer.com
Contact: https://brokeinsummer.com/help
Music provided by Audio Library Plus
-- 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: https://calendly.com/info-28542
-- LinkedIn: LinkedIn: imran-siddiq-7320a74a
-- Instagram: Instagram: batswebsitedesign
-- Twitter: Twitter: imranwebsites
-- Facebook: Facebook: websquadrontraining
PS: https://websquadron.co.uk
PPS: Contact us at [email protected]
PPPS: We only build with Elementor Pro
2 سال پیش
در تاریخ 1401/02/13 منتشر شده
است.
7,471
بـار بازدید شده