Replicating Apple HomePage with Elementor Free & Pro Tutorial | Creating Horizontal Mobile Menu
Hey WordPress League,
In this video, I've shared how you can create apple-like homepage, menu, header, custom mobile menu with Elementor Website Builder. I just replicate the apple homepage.
📌. Required tools:
👉 Elementor Free: https://wordpress.org/plugins/elementor/
👉 Elementor Pro: https://gtarafdar.com/buy/elementor-pro
In the first part, I've shared how you can create the header section like the apple website. Also, you will get the idea how you can add the WooCommerce cart page in the menu items and customise the cart page just look alike the apple cart page with elementor WooCommerce Page widget.
📌. Here is the css codes to customise the cart page, 👇
////Removing the return to store button from cart page////
.woocommerce # respond input # submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
display: none!important;}
////Removing the top border color of the WooCommerce Cart Page////
.woocommerce-info {
border-top-color: # 0000;
}
//// Removing the WooCommerce Notices From the cart page////
.woocommerce-error, .woocommerce-info, .woocommerce-message {
padding: 1em 2em 1em 6.5em!important;}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
display: none!important}
📌. How to extract SVG and PNG images from any website
:
👉 https://gtarafdar.com/get/svg-export
👉 https://gtarafdar.com/get/image-picker
📌. How you can add effect to your menu header's background within elementor:
You have to add Backdrop Filter.
Use this css code to add Backdrop Filter: 👇
[use hash]Apple-mobiHeader{backdrop-filter: saturate(180%) blur(20px);}
📌. Get clear idea of Backdrop CSS property from here:
👉 https://gtarafdar.com/backdrop-css-pr...
📌. From here you will get the HTML character entities:
https://gtarafdar.com/html-character-...
📌. All types of Arrow Symbols:
https://www.alt-codes.net/arrow_alt_c...
📌. Fa Fa Play Circle Icon: https://www.codesprogram.com/icons/fa...
🤖 Download the full Elementor template file from here: 👉 https://gtarafdar.com/uncategorized/d...
I hope you will find it useful.
🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟
📌 Start Your WordPress Site
🔆 Get .COM domains at USD 5.98 from Namecheap
👉 https://gtarafdar.com/get/NameCheap-c...
🔆 Cloudways is offering free managed WordPress Hosting while starting new
👉 https://gtarafdar.com/get/free-manage...
📌 Page Builder in WordPress
🔆 Get the best PageBuilder Elementor pro:👉 https://gtarafdar.com/buy/elementor-pro
🔆 Get SeedProd- Landing Page Maker: https://gtarafdar.com/buy/SeedProd
📌 Best Themes In WordPress
🔆 Get Astra WP From Here: https://gtarafdar.com/buy/astra
🔆 Get Generatepress WordPress Theme From here: https://gtarafdar.com/buy/generatepress
🔆 Get Neve WordPress Theme from here: https://gtarafdar.com/buy/neve
📌 Best Caching Plugin in WordPress
🔆 Get WP Rocket: https://gtarafdar.com/buy/wp-rocket
📌 Best Popup Builder in the Market
🔆 Get Optinmonster from here: https://gtarafdar.com/buy/optinmonster
📌 Best Form Builder Plugins in WordPress
🔆 Get WP Forms Pro: https://gtarafdar.com/buy/wpforms
🔆 Get Formidable Forms best calculator forms: https://gtarafdar.com/buy/formidable-...
🔆 Get Ninja Forms: https://gtarafdar.com/buy/ninjaforms
📌 The Best Tool for SEO & SEM
🔆 Try SEMrush for Free from Here: https://gtarafdar.com/get/try-semrush...
📌 Marketing Tool
🔆 Try Co-Schedule Marketing Calendar for Free 14 days: https://gtarafdar.com/try/coschedule-...
📌 Best Cleaning Tool Plugin in WordPress
🔆 Buy Asset CleanUp Pro: https://gtarafdar.com/buy/Asset-Clean...
📌 Download a free eBook to get an idea about how you can describe what is WordPress to your non-tech friends and family
👉 https://gtarafdar.com/get/e-book-desc...
Thank you for staying with me. I will keep posting WordPress-related videos.
If you are a marketer or plugin author who wants to get this kinda shout-out, just DM me anytime on Twitter. You will find my details below.
Thank you, tata. See you in the next video… Stay tuned…
Follow me
👉 My Website: https://gtarafdar.com
👉 My Twitter: / gtarafdarr
👉 My Facebook: / gtarafdarr
🌟🌟🌟🌟🌟 Join WP League Community:
👉 / wpleague
🌟🌟🌟🌟🌟 Twitter handle of WP League: 👉 / wordpressleague
Watch video Replicating Apple HomePage with Elementor Free & Pro Tutorial | Creating Horizontal Mobile Menu online without registration, duration hours minute second in high quality. This video was added by user Gobinda tarafdar (Gtarafdar) 21 July 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,29 once and liked it 1 people.