Menu Bakground - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Menu Bakground

Alex Walker

Alex Walker

SP Page Builder 3 years ago

How do I change the menu background colour to Blue and the menu font to white? https://www.christianretreats.live

0
4 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #76945

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)?

foto_8543_2022.jpg


compare to foto_8544_2022.jpg

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #76943

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.

0
Alex Walker
Alex Walker
Accepted Answer
3 years ago #76960

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #77035

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.

0