How do I change the menu background colour to Blue and the menu font to white? https://www.christianretreats.live
Solved
SP Page Builder
Menu Bakground
Asked by Alex Walker
4 years ago
Last activity 4 years ago
Accepted answer
Marked as the solution
Paul Frankowski Senior Staff
4 years ago
· edited
ABout font size of menu items, I see that you set 20px already.
Yes, it may be too big value if you want to keep all menu items, try 16px. It's a simple math, how many people can sit inside 5 person car? What if they are slim (short words) or fat/fluffy (longer phrases)?
compare to
3 more replies
Paul Frankowski Senior Staff
Hi Alex,
Custom CSS
#sp-header {background: blue;}
.sp-megamenu-parent > li > a {color: #eee;}
.sp-megamenu-parent > li:hover > a
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a {color: #FC8360;}But you have too long words in menu, make them shorter to keep them all in one row.
Alex Walker Asked this
Paul
Thank you for your help.
I have tried to get my client to use shorter menu items but she is insistent they are longer!!!
Ale
Paul Frankowski Senior Staff
In that case - sometimes you have to use submenu items to reduce main menu items.
Unfortunately, a woman's handbag can hold a lot of things, so the laws of mathematics do not apply there. Hence the later assumption (wrong) that this is always the case. Sort of joke.
Log in to reply.