Center align menu list items on HTML dropdown

Hi,

Is it possible someway to center align menu list items on HTML dropdown of my main menu? Even if I select “Text align Center” at Woodmart Extras of Column settings, the menu list items keep appearing left aligned on each of my 4 columns.

Waiting for your further advice on the above issue.

Thank you in advance,
Dimitris

Attachments:

You must be logged in to view attached files.

Hello,

All these options are provided in the row settings. Please try to configure there and I will try to correct with custom CSS the rest.

Best Regards

Hello Elise,

I can’t find any settings for the “Text align” in the row settings. There is only an option for “Content position” at General tab, which is top by default. Are you sure that there is such an option there?

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.wd-header-main-nav .wd-dropdown .wd-sub-menu li a {
	justify-content: center;
}

Best Regards

Hello Elise,

The CSS snippet works as desired for HTML dropdown blocks of my main menu but it also centres the simple submenu items of my main menu. Is it possible to have only the HTML dropdown blocks of my main menu centered and the simple submenu items aligned left (as they are by default)?

Please check my attached screenshot to view what I mean.

Thank you in advance,
Dimitris

Attachments:

You must be logged in to view attached files.

Hello,

Please try to replace the code with this one:

.wd-header-main-nav .wd-dropdown.wd-design-full-width .wd-sub-menu li a {
	justify-content: center;
}

Best Regards

Thank you. This CSS snippet seems to work as desired.

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts