How to Create a Swipe Menu Bar for Your Website with Divi - Best Webhosting

Related Videos

• 

  How to Create a Vertical Navigation Menu or Header for Your Divi Website

  by Best Webhosting Added 3 years ago 47 Views / 0 Likes

  Vertical navigation menus can come in handy for certain websites that need more menu items at the forefront. Horizontal menus can be difficult to fit all the menu links needed, especially on smaller browser widths. In this tutorial, we are going to show you how to build a custom vertical navigation menu using the Divi Theme Builder. This will allow you more room for showcasing your WordPress menu items. And you will have full power to add additional D

• 

  How to Create a Dropdown Menu Button Using Divi's Fullwidth Menu Moduel

  by Best Webhosting Added 4 years ago 75 Views / 0 Likes

  A dropdown menu button can really come in handy when designing a website. Aside from the main menu, there are areas on a site that may require a dropdown menu of sub items. We see them being used for things like blog post categories, lists, and form inputs. But they can even be used for a main call to action. In this tutorial, we’ll show you how to create a dropdown menu button using Divi’s fullwidth menu module. To do this, we will first create a men

• 

  Creating Endless Horizontal Swipe Cards for Mobile with Divi

  by Best Webhosting Added 4 years ago 92 Views / 0 Likes

  Swiping through content is something almost everyone does on a daily basis. It has basically become second nature so it goes without saying that adding it to your website can help improve the overall user experience. In this post, we’ll show you how to create endless horizontal swipe cards that are mainly focused on mobile and tablet devices, where touch is involved. Although this is a mobile-first tutorial, the outcome will work great on desktop as w

• 

  Download a FREE CTA Column Swipe Hero Section Design for Divi

  by Best Webhosting Added 4 years ago 69 Views / 0 Likes

  Your page’s hero section deserves all the attention it can get. There are endless ways to style your hero section, depending on what your website is about and how your target audience behaves. For some websites, it can come in handy to place multiple column CTA cards without creating an overwhelming experience. A great way to approach it is by creating column swipe CTA cards. In today’s Divi tutorial, we’ll show you how to create a stunning design fro

• 

  Turning Divi’s Shop Module into Dynamic Product Swipe Cards on Mobile

  by Best Webhosting Added 4 years ago 66 Views / 0 Likes

  When building a landing page for specific products, whether it’s a new launch or a sale you’re preparing for, chances are high you’ll use the Shop Module at some point. Divi’s Shop Module allows you to dynamically pull products from the WooCommerce plugin and style the products using Divi’s built-in options. Now, by default, the shop module comes with a few column structures that all translate into two columns on smaller screen sizes. This means that

• 

  Turning Your Blog Module into an Advanced Draggable/Swipe Carousel with Divi & Slick

  by Best Webhosting Added 4 years ago 60 Views / 0 Likes

  For many websites, blogging has become an important part of their SEO strategy. But besides creating high-quality content, it’s also important to simplify the post navigation process for your visitors. That way, they can hop from one post to another and spend more time on your website reading the content you put out there. Within Divi, there’s a Blog Module you can use to dynamically display your blog posts and style them as well. If you’re looking fo

• 

  How to Create a Floating Pop out Menu in Divi

  by Best Webhosting Added 4 years ago 83 Views / 0 Likes

  Adding a floating pop-out Menu to your website will make it easy for visitors to access your menu at anytime throughout your page. This is great for sub navigation menus that compliment your primary navigation at the top of your page. It also allows you to display menus specific to your page content. For example, you may want to have a custom sub navigation menu for your services page that provides links to all of your different services. In this tuto

• Popular

  Divi Mobile Menu Hack: Collapsing Nested Menu Items - Divi Nation Short

  by Best Webhosting Added 4 years ago 101 Views / 0 Likes

  In this Divi Quick Tip we show you a simple hack that makes your Divi mobile menus easier to navigate. Code snippet found here: http://goo.gl/eLwDjo Subscribe to our YouTube Channel: https://goo.gl/oxCa4h Subscribe to Divi Nation on iTunes: https://goo.gl/w8fccT Subscribe to Divi Nation via RSS: http://goo.gl/vz04Vc Get Divi Nation on Facebook: https://goo.gl/zPFjxj

• 

  How to Create a Slide Down Push Menu in Divi

  by Best Webhosting Added 3 years ago 61 Views / 0 Likes

  Go to the blog post: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-slide-down-push-menu-in-divi Large headers with a lot of navigation links can take up a lot of valuable real estate on your site (especially above the fold). That’s why menus that popup and slide-in are becoming more and more popular. Most of the time, menus that slide in to view stay above the content of the page, hiding certain elements. However, a sliding push me

• Popular

  Divi Quick Tip 06: How to Make Divi's Hamburger Mobile Menu Your Default Desktop Menu

  by Best Webhosting Added 4 years ago 107 Views / 0 Likes

  In this Divi Quick Tip we show you how to make Divi's hamburger mobile menu your default desktop menu. Get the code snippets for this quick tip from the accompanying blog post: http://goo.gl/x7QydY Subscribe to our YouTube Channel: https://goo.gl/oxCa4h Subscribe to Divi Nation on iTunes: https://goo.gl/w8fccT Subscribe to Divi Nation via RSS: http://goo.gl/vz04Vc Get Divi Nation on Facebook: https://goo.gl/zPFjxj

• 

  How to Create an Expanding Sticky Menu on Hover with Divi

  by Best Webhosting Added 4 years ago 99 Views / 0 Likes

  Every week, we provide you with new and free Divi layout packs which you can use for your next project. For one of the layout packs, we also share a use case that’ll help you take your website to the next level. This week, as part of our ongoing Divi design initiative, we’re going to show you how to create an expanding sticky menu on hover using Divi’s Mechanic Layout Pack. We’ll handle two different design examples that you can recreate from scratch

• 

  How to Create a Hamburger Icon for Your Divi Mega Menu

  by Best Webhosting Added 4 years ago 98 Views / 0 Likes

  Hamburger icons have become synonymous with menus. The three stacked horizontal lines represent the idea of a list and have been nicknamed “hamburger” for it’s obvious similarities. Divi uses the hamburger icon to toggle your main menu on mobile and on certain header styles like “slide in” and “fullscreen”. Today I’m going to show you how to use a hamburger icon to toggle a mega menu on click. This is a great solution for those sites with lots of menu