Code by Day | Explore By Weekend

How To Align The Divi Theme Builder Menu Module To The Right, Left, or Center On Any Device Tutorial by Pee-Aye Creative

How To Align The Divi Theme Builder Menu Module To The Right, Left, or Center

This quick Divi Pro Tip will clear up the confusion and show you how to align the Menu Module in Divi 4.0 Theme Builder to the right, left, or center.

How To Align The Divi Menu Text

Layout Toggle

When you open the Menu Module to the Design tab, you will notice the menu Style has three options:

  • Left Aligned
  • Centered
  • Inline Centered Logo

This is certainly confusing. The “Left Aligned” should say something like “Default” or “Custom,” so I’m not sure how that slipped through. Keep it on this setting, or if you had it on something else, set it back to “Left-Aligned” for this to work.

Left or right align in the Divi Menu module

Menu Text Toggle

The answer is to go to the next toggle, the “Menu Text” toggle. Once there, scroll down and you will find the typical text-alignment options that we have for any other type of text.

How To Align The Divi Theme Builder Menu Module To The Right, Left, or Center On Any Device

As you can see, there are options for left, center, right and justified text here. Changing this aligns the entire Divi menu text, and this is the hidden solution to an otherwise puzzling situation.

52
Last updated Jan 3, 2021 @ 12:19 pm

Please share this post!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative Co in the beautiful state of Pennsylvania. He loves helping small businesses, exploring, building websites with Divi, and teaching others.
Divi Adventure Club Product And Course Membership by Pee Aye Creative

Become A Member!

Gain access to everything we offer!

Learn More

Recent Posts

Leave A Response!

Subscribe
Notify of
guest
25 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Cédric Castella
Cédric Castella
10 months ago

OK but… I have NOT this option when I try. Above text color, I don’t have text alignment

Cédric Castella
Cédric Castella

Yes, of course (but in french)

Raeanne
10 months ago

I also do not have this option. I’m using the Fullwidth Section with the Fullwidth Menu Module, and there is NO text alignment setting under Menu Text. I have looked everywhere online and cannot find a solution to this. Going to try Divi support next, I guess!

Raeanne Wright-Emory
Reply to  Raeanne
10 months ago

I figured this out! For anyone else stuck with this issue — make sure you have the Left-Aligned options selected under Layout. If you change the setting to Centered (which I had done) then the Menu Text alignment settings are not available. Change it back to Left-Aligned, then you can see the text alignment settings and choose Right, as suggested in this article 🙂

Clay Ravin
Clay Ravin

Hi Nelson, It would be good to update the tutorial to mention that you have to set the Layout Style to “Left Aligned” for the Text Alignment option to appear. Sure, you have a picture of it being selected, and you say that it should be called “Custom” or something like that, but you don’t actually mention that we have to select it for the second choice to appear.

Jelske Boonstra
Jelske Boonstra
Reply to  Raeanne Wright-Emory
6 months ago

Thank you very much, this was confusing.

John Drago
9 months ago

Thanks man – just what I was looking for!

Holly
9 months ago

PERFECT! Thanks!

Ryan
Ryan
8 months ago

Wow. Thank you!! I spent far too much time looking for this.

Asha
Asha
3 months ago

Thank you Nelson! So simple – really appreciate you posting this!

whoami
2 months ago

Is there a way to use the Inline Centered Logo for the Desktop and the left Alligned Version for the mobile devices?

whoami

Thank you for your answer. Okay i thought with some CSS it would be possible, but i am not good at it 😀
In my case i made in the Theme Builder 2 Headers – One is only activated for the Desktop Browser and the other for the mobile devices.
Can this cause some performance issues or something else?

Ryan Bollenbach
2 months ago

Awesome man, thanks for this tip! Helped me fixed up the nav real quick.

Shop Our Divi Products

Plugins • Courses • Templates

Visit The Shop

Divi Adventure Club Product And Course Membership by Pee Aye Creative

Become A Member!

Gain access to everything we offer!

Learn More

Divi Tutorials On YouTube

Join over 4,800 others and subscribe to our helpful Divi videos!

Visit Our Channel

Pin It on Pinterest

0

Your Cart