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.

34

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.

Join Our NEW Divi Facebook Group!

The Divi Teacher Logo

Recent Posts

Leave A Response!

Subscribe
Notify of
guest
15 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Cédric Castella
Cédric Castella
3 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
3 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
3 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.

John Drago
2 months ago

Thanks man – just what I was looking for!

Holly
2 months ago

PERFECT! Thanks!

Ryan
Ryan
2 months ago

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

Shop Our Divi Products!

Child Themes • Plugins • Layouts

Visit The Shop

Divi Tutorials On YouTube

Subscribe to our helpful Divi videos!

Visit Our Channel

0
Would love your thoughts, please comment.x
()
x

Pin It on Pinterest

0

Your Cart