X PRO Header // centered dropdown content and not box shadow

Hello,

im working on X Pro and creating a navbar.
I have problems with 2 areas:

  1. I would like to have the content of the dropdown centered (I already have set this in the settings but its still aligned left)

  2. I would like to remove the box shadow (also not setted in the settings, but displayed)

(same thing on mobile menu)

should I change with css or have I missed some settings area…?!

link: unitedsportsmanager.com

thank you!

Hi @bigdreams,

Thank you for reaching to us.

  • To center align the sub-links, inspect the Navigation Inline element in Header builder and navigate to Sub Links tab:

Then find the Text Margin section and set all sides to auto (see screenshot)

Under Primary Text Format, make sure the Text Align is set to center (see screenshot)

  • To remove the box shadow, please add the following code in the Header CSS section:
.x-menu .sub-menu {
    box-shadow: none !important;
}

Hope this helps!

1 Like

thank you — that helped really well

You’re more than welcome, glad we could help.

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.