How to Visually Showcase Blog Post Categories in Your Divi Header - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Wordpress Elegant Themes Video: How to Visually Showcase Blog Post Categories in Your Divi Header.
Go to the blog post: https://www.elegantthemes.com/blog/divi-resources/how-to-visually-showcase-blog-post-categories-in-your-divi-header

When creating your global header, chances are high you’re going to include a blog menu item. If you don’t have many blog post categories on your website, going for one blog menu item might be enough. However, if you have a set of different categories and you want to highlight each one of them, you might want to try a different approach, such as visually showcasing each blog category inside a dropdown menu.

In this tutorial, we’ll show you exactly how to do that using Divi’s Theme Builder. We’ll build the dropdown menu using Divi’s built-in elements and options and we’ll combine it with some code that’ll allow us to place the dropdown menu inside the blog menu item. You’ll be able to download the JSON file for free as well!

If you don't have Divi yet, you can learn more about this powerful theme on our website using the link below:
https://www.elegantthemes.com/gallery/divi/

Want to give back to the community? Share your empowering knowledge, skills, experience, and creativity on the Elegant Themes blog by contributing:
https://www.elegantthemes.com/blog/community/elegant-themes-blog-submissions

Get the free Startup Layout Pack:
https://www.elegantthemes.com/blog/divi-resources/get-a-free-startup-layout-pack-for-divi

Published: Thursday, July 16, 2020 9:40 AM
Category: Wordpress Elegant Themes

63 Views

Related Videos

How to Create a Dynamic Post Info Bar for your Divi Blog Post Template

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

Hey Divi Nation, welcome to a brand new Divi Use Case live stream where each week we show you how to add new design and functionality to your Divi website. Adding dynamic content to your blog post template is essential for providing things like the post title, metadata, featured image, etc. Normally, these dynamic elements are placed as normal static elements within the design of the layout. However, it may be helpful to keep some of these dynamic ele
How & Where to Include Post Navigation in Your Divi Blog Post Template

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

Post Navigation is a set of links, usually at the bottom of a blog post, that can take you to the previous or next post. Fortunately, post navigation is easy to add to your blog post templates in the Divi Theme Builder. In this article, we’ll see how and where to include post navigation in your Divi blog post template. We’ll also look at three different ways to style them. Blog post: https://www.elegantthemes.com/blog/divi-resources/how-where-to-inclu
Divi 3.0—Build Anything Visually

by Best Webhosting Added 6 years ago 82 Views / 0 Likes

Divi 3.0 is a revolutionary new visual website builder for WordPress. Learn more here: http://www.elegantthemes.com/blog/theme-releases/divi-3-0
Popular
How to Blend Your Header & Body Using Divi’s Post Content Module & Section Dividers

by Best Webhosting Added 6 years ago 125 Views / 0 Likes

By now, we’ve all gotten used to Divi’s built-in section divider. They help add that extra touch to the websites we build. They also serve as a smooth transition between two different sections, but with Divi’s Theme Builder, the approach to creating that transition is slightly different. In this post, we’ll guide you through the steps you have to take to get there. You’ll be able to download the template JSON file for free as well! Read more: https://
Popular
Divi Quick Tip 01: How to Create a Blog Post Template with the Divi Builder

by Best Webhosting Added 6 years ago 151 Views / 0 Likes

In this Divi Quick Tip you'll learn how to create a blog post template using the Divi Builder and Divi Library. Featured on: Divi Nation S01.E01 http://goo.gl/n6mo5g Resource Links: http://unsplash.com http://baconipsum.com Building Beautiful Blog Posts with the Divi Builder http://goo.gl/JNa71M Creating Global Blog Post Titles http://goo.gl/bEmCzW Music Credit: Enthusiast by Tours goo.gl/zbCbvH
Popular
Hestia Header: Post Header Height Settings + Metadata & Title Removal

by Best Webhosting Added 6 years ago 118 Views / 0 Likes

The Hestia header height, on posts, can be adjusted through the Customizer. (Download HESTIA here: https://bit.ly/2jLrV9C) You can also learn how to remove the metadata and how to get rid of the title for posts and pages too. Get the header height adjustment code: https://bit.ly/2Hv7glI Get the metadata and title removal codes: https://bit.ly/2JjRNqo Table of contents: 0:39 Header height adjustment 1:29 Title & metadata removal 2:25 Page title on a si
Popular
How to Use Divi Blog Post Formats

by Best Webhosting Added 6 years ago 110 Views / 0 Likes

When you write a blog post to be included in one of our Blog Modules, you can create one of 6 different post formats. Article, Video, Audio, Quote, Gallery and Link. Each of these formats structures your post differently, putting more focus on the type of content that the format represents. View The Full Documentation Page: https://www.elegantthemes.com/documentation/divi/post-formats-divi/
How to Add a Divi Email Optin to Your Gutenberg Blog Post

by Best Webhosting Added 5 years ago 72 Views / 0 Likes

The Divi Layout Block opens the door for many convenient ways to bring the powerful design features of the Divi Builder to WordPress’s default block editor (Gutenberg). This allows you to write the bulk of your blog post content using the familiar Gutenberg block interface and then inject Divi Layouts where custom design or functionality is needed. A Divi Layout Block can include anything you can build within the Divi Builder, but it is also great for
Popular
Changing The Length of Your Divi Blog Post Excerpts

by Best Webhosting Added 6 years ago 111 Views / 0 Likes

Changing The Length of Your Divi Blog Post Excerpts. A post excerpt is that shortened version of the post content that shows up under each post title in a blog or archive page. For WordPress users, the use of the term “excerpt” usually refers to one of three different things – manual excerpts, automatic excerpts, or teasers. Read more: https://www.elegantthemes.com/blog/divi-resources/changing-the-length-of-your-divi-blog-post-excerpts
How to Add Related Posts to Your Divi Blog Post Template

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

Related posts are a great way to increase your blog’s traffic. Users on your blog will see posts that they’re already interested in. This keeps them on your site longer and increases their interaction with you and your website. Fortunately, related posts are easy to add to your Divi blog post templates in the Divi Theme Builder. In this article, we’ll show you how. Read more: https://www.elegantthemes.com/blog/divi-resources/how-to-add-related-posts-t
Popular
How to Insert Ads Above, Inside, and Below Your Divi Blog Post Content

by Best Webhosting Added 6 years ago 133 Views / 0 Likes

Divi makes it easy to insert ads into your blog posts. Built in to Divi Theme Settings, there is a section that allows you to place an “un-widgetized” ad image/banner or adsense code under your blog post content. But, this is somewhat limiting since it only allows you to place the ad in one spot – at the bottom of your posts. Read more: https://www.elegantthemes.com/blog/divi-resources/how-to-insert-ads-above-inside-and-below-your-divi-blog-post-conte
Popular
Free Divi Blog Post Layout Pack

by Best Webhosting Added 6 years ago 112 Views / 0 Likes

In this video, as part of our Divi 100 Marathon leading up to the release of Divi 3.0, we show you how to install and use our this free new layout pack for Divi Builder powered blog posts. Get the layout pack here: http://www.elegantthemes.com/blog/divi-resources/free-divi-blog-post-layout-pack-will-take-your-builder-powered-articles-to-the-next-level