How To Create A Mobile App Menu On Elementor

Share on facebook
Facebook
Share on twitter
Twitter
Share on reddit
Reddit
Share on whatsapp
WhatsApp

Create Your Glass Effect Here:

Mobile Section

				
					/*Mobile section*/

selector{
position: fixed;
width: 100%;
bottom: 0px;
background: rgba( 0, 0, 0, 0.85 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 4px );
}
				
			

Icon Box

				
					selector{
background: rgba( 0, 0, 0, 0.35 );
border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.18 );
margin: 0px 5px 0px 5px
}
selector:hover{
border: 1px solid #6267FF;
}
span:hover{
color: #6267FF;
}
				
			
Subscribe
Notify of
2 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Amitav
16 days ago

Hey US, this is so cool..!! thank you. I created one with your instructions and it looks nice on the website. the problem I had is that, the app menu is not floating with the page when I scroll and is fixed at the bottom. Not sure what was wrong. i don’t have the elementor pro version and I’m using the free methods you suggested. thanks

More to explorer

Add Icons To Your Elementor Form Fields With CSS

https://youtu.be/8qHZfpG2z-s Font Awesome fontawesome.com CSS Code /*placeholder spacing*/ selector form.elementor-form .elementor-field-group-email input, .elementor-field-group-name input, .elementor-field-group-phone input, .elementor-field-group-message textarea{ padding-left: 50px; } /*Icon

Create A Glass Flip Box On Elementor With CSS

https://youtu.be/uTF3vlRlhqU Create Your Glass Effect Here: glassmorphism.com Front Side .elementor-flip-box__front{ background: rgba( 255, 255, 255, 0.20 ); backdrop-filter: blur( 3.0px ); -webkit-backdrop-filter:

2
0
Would love your thoughts, please comment.x
()
x

45 Minute Wordpress Support

Get your Wordpress questions answered and your Wordpress issues resolved.