How can I design the Top menü (Link in text)?

JoachimSchmidt · October 2020

Hello,

I am Joachim from Germany and I have this question:

how can I design the top menu.

I want to change the light grey vertical Linle between the menu points.

(For example between: UNTERNEHMEN | PRODUKTE

Here is the Link:

Kind regards

Joachim

Phil · October 2020

Hello,
To change that go to: Betheme > Theme Options > Colors > Menu, and change "Plain Border color"
https://prnt.sc/uyfqn0

Thanks

JoachimSchmidt · October 2020

Sorry, but that didn' work for me.

I changed the color Options >> Colors >>Menu into a big fat RED.

But nothing changed.

The border ist still in light grey.

Maybe I have the wrong header style?

Kind regards

Joachim

Phil · October 2020

Then try to put following CSS code in "Betheme > Theme Options > Custom CSS & JS > CSS"

#Top_bar .menu > li > a span{
	border-color: red!important;
}

But change "red" to any color you want to have.

Best regards

JoachimSchmidt · October 2020

Yep, that worked fine. Thanks,

But how can I change the other things in the menü,

like:

Space between Menupoints

Height of the Menu

Border Radius of The Active Menu etc...

Is there a manual for that?

It's not very helpful to make all the menu changes via css.

Why is there not a Button like "Design Menu" with all features...

kind Regards

Joachim

Phil · October 2020

Hello,

It is better not to change the menu with CSS custom code because this can cause responsive issues.

The best way to customize your menu is to use Header Builder.
For more information visit these two topics

Thanks

Comments