Summary: Navigate to Divi > Theme Builder On the relevant layout (Global Header or otherwise), click on the pencil icon to edit Open the Basic / CTA Nav module For the horizontal alignment (center the menu text alignment): Click on the Design tab Open Nav Links...
navigation
Adjusting Header Navigation menu text font weights
Summary: Review navigation menu layout and ideal menu text font weight requirements Navigate to Divi > Theme Builder On the relevant layout (Global Header or otherwise), click on the pencil icon to edit Open the Basic / CTA Nav module Click on the Design Tab Adjust...
Adjusting Header Navigation logo margin
Summary: Review navigation menu layout and ideal margin requirements Navigate to Divi > Theme Builder On the relevant layout (Global Header or otherwise), click on the pencil icon to edit Open the Basic / CTA Nav module Click on the Advanced Tab Open Custom CSS...
Adjust Header Navigation styles for small desktop screens
Summary: Minimise browser window or use inspect tool to resize screen preview to 981px & check: Do any of the navigation items (including CTA button text) wrap to a new line? Using CSS in Divi > Theme Options, add a media target for applicable screen size and...
Add a custom widget/element to the mobile navigation menu
Build Header Navigation
If using pressed sites layout: Move pressedsites header nav from home to header layout Customisations: Show/Hide logo on scroll for desktop navigation Adjust Header Navigation styles for small desktop screens Polishing the header nav - check: logo images Image...
Ideal size for image to be used in Slide in Mobile Nav
270px (width) x 200px (height)
Setting the custom header sticky/fixed display option
When using the "Bulkhead Header & Menu Maker" plugin for a custom header, there are several sticky options for how the header will display. See instructions below for where to change this setting. Summary: Theme Customizer>Header &...