When it comes to web accessibility, every detail counts, including properly labeling elements like the header logo of your Divi website. Adding an aria-label attribute helps screen readers understand the purpose of the logo, essentially communicating that it is a link...
primary header
Disable the Change of Height of the Divi Header when Scrolling
When using Divi, you might have noticed that the header changes height upon scrolling down the page if the fixed header option is enabled. This behavior is part of Divi's design to ensure your header remains accessible without taking up too much space as users scroll...
Hide Divi Fixed Header on a Particular Section
Divi allows the default header to be made into a "fixed" header that remains visible as you scroll down the page. If you'd like to temporarily hide the Divi header as you scroll past a particular section, here's how to do it.Fixed header shown while scrolling.........
Disable the Divi Theme Builder Header
The Divi theme includes a feature for creating page templates with custom headers, footer and / or layouts, known as the Divi theme builder. If you are trying to disable a custom header built using the Divi theme builder and restore the default Divi header this post...
Hide Divi Header on a Single Post
If you need to hide the main header on a single post in the Divi theme, here's how to do it. 1. Open the Post settings2. Switch to the "Advanced" tab3. Enter the following Custom CSS:Here's a screenshot showing the location of the per-post Custom CSS box:
Add Border Box to Main Menu Items
Here's how to add a simple border round the main menu links in the Divi Theme's primary header. Adding a box round all menu items The menu links in the Divi main header can be a bit tricky to style when it comes to borders. The reason for this is that Divi applies...
Change the Divi Logo Link URL
Updating the link URL of your Divi site's logo allows you to direct visitors to a destination of your choice when they click the logo, instead of the default homepage. This can be especially useful for branding, directing users to landing pages, or meeting specific...
Removing the Divi Header Bottom Border
Eliminating the bottom border bar from the Divi standard header creates a cleaner and more modern look on your website. This change can help your header blend seamlessly with the rest of the page, offering a sleeker appearance and improved visual consistency. In this...