Menu Positioning And Color Problem
doug raught
Using Gazette template. #1. I am unable to figure out how to vertically center my main menu as you will see in the attached screengrab.
FONT ISSUE: I need the menu font to be EXTRA BOLD & ORANGE for the current link/page (while the other links remain normal normal). Currently the font only gets slightly bold and it is hardly noticible.
I tried using this bit of code to change the font color for the current page: .sp-megamenu-parent > li.active > a {color: #F98100;} } That worked on another template but it does not work on this template. I included another screengrab which shows what I am trying to achieve. It's a different template and I'm trying to replicate it as much as possible.
Hopefully this isn't too complicated. It's above my head. Thanks
![https://www.holyhoster.com/gazette2/gazettemenu2.jpg] ![https://www.holyhoster.com/gazette2/gazettefont.jpg]
doug raught
Accepted AnswerI found the answer for centering the menu vertically. At least it works for me: #sp-header, #sp-header .logo {height: 90px; }
offcanvas-toggler {height: 90px; line-height: 90px;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {line-height: 90px;} .sp-megamenu-parent .sp-dropdown li.sp-menu-item {line-height: 30px;}
I don't know why the large font is showing. I have not added any changes to this text. A bug that needs to be fixed.
Mehtaz Afsana Borsha
Accepted AnswerHi,
Could you please give me your site URL so that I can check?
-Regards
doug raught
Accepted Answer Mehtaz Afsana Borsha
Accepted AnswerHi
As I see you accepted your answer. Is your problem solved? Please let me know
doug raught
Accepted AnswerThe code I found gave me the ability to change most everything I needed. I'm happy with that. Thank you.