Menu Background Color And 2 Lines / Bold Characters Appers Normal.
Rafael Barba
I am using Sharper OnePage template Joomlña 4 and I try to change the menu backgroud color and make 2 lines in ti, but when I load the page apears in blac and 2 lines it's ok, but when I go down in page, then the background color change to the correcty color but the two lines insert spaces.
Also in a text block I edit and put some words in bold but do not display in bold.
What I need to change
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please give me a screenshot of your issue?
-Regards.
Rafael Barba
Accepted AnswerI have this code in CSS in Template custom code .sp-megamenu-parent > li > a { Word-break: break-Word; width: 95px; line-height: unset; padding: 0px 5px; text-align: center; vertical-align: middle; }
sp-header.menu-fixed {
background-color: #e65a42;
height: 90px;}
But the menu when page is at top is black and titles are ok, https://casobeatriz.org/IMG-A.jpg but when I scroll down the color of menu's background change to #e65a42 and menu items appear with line spaces https://casobeatriz.org/IMG-B.jpg
ALso how I change font size in menu
Regards
Mehtaz Afsana Borsha
Accepted AnswerIt seems ok on my end
You can change the font size by using this custom CSS
.sp-megamenu-parent > li > a{
font-size:18px !important;
}Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.