Ranging the secondary menu alignment right instead of left
It’s not uncommon for a client to prefer the secondary menu content to be ranged right rather than left. Many are of the opinion that the default detracts from the logo area. It sometimes interferes with the look and feel of the brand they are working hard to promote. You can easily alter the secondary menu alignment to be on the right with the following CSS:
/** MOVE SECONDARY MENU ITEMS RIGHT **/
@media only screen and (min-width: 768px) {
#et-info { float:right !important; }
}
We used the option for right-hand secondary menu alignment on the following sites:
More tips and tutorials about customising the Divi secondary menu that you might find useful
Adding extra elements with icons to the Divi secondary menu
How to centre the top menu also known as the secondary menu in the Divi theme by Elegant Themes
If you liked our tutorial on secondary menu alignment check out our other training tutorials or get in touch with us regarding onsite training.
We can build a website for you, or if you have an existing Divi WordPress* website, and you would like help with how to edit your site, we can work with you. We can show you how to add and edit text, photos, videos, etc. If you prefer not to make your edits yourself, we can do that for you. To find out more, contact us or ask about our pricing.
*NB We have now limited our WordPress training to sites using the Divi Builder CMS. It is the best CMS for our clients, and we won’t compromise on client experience. We apologise for any inconvenience.