Menue button aligned and links in white

Hi
I want use this custom menu with a button.

  1. How can I make the font white if I need it in black for my blog? Should I make a different menu with (I made one with navigation inline, seescreenshot below)? And how can I make this white? :slight_smile:

2 I already got instructions on how to make a button in the menue and color it. but it is not aligned with the rest. So how can I adjust the button so that it’s even it so that it’s even with the links in height?

3 And how can I make the space between the links be evenly distributed and reduce the space that is automatically made (blue version)?

  1. How can I make three different types of menue?

One for the blog (black - no button)
one for the blue bg (white - with button)
one for the blue bg (white - no button)

Thank you!
Nimue

https://nimuefichtenbauer.com/store/

Hello Nimue,

Please check the screencast below on how to change the text color of the Navigation Inline element:

Please add this code in the Global CSS:

.x-navbar .desktop .x-nav > li:last-child > a {
    padding-top: 20px;
}

Set the Item Flex option of the Navigation Inline menu to Fill Space Equally.

If you aim to use different menus for every page, this would be tricky to implement with X and would require customization which goes beyond the scope of our support.

If you use Pro, you can create multiple menus that you can assign to different pages.

Hope this helps.

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