Change Fontweight for active menu item

J_Immel

Hello, I hope someone can help me out. I am currently working on this page:

https://staging.heinrich-architekten.de/

The client would like to display the active menu item / page of the menu in a bold font. Same should be true upon hovering over the menu item. I cannot find an according setting for this in the BeBuilder, nor can I adress the current/hovering item via css to implement a custom css. Some advice would be appreciated.

Greetings

Julia

Phil

Hi,

Please try the following CSS code:

.mfn-header-menu .current_page_item .menu-label,
.mfn-header-menu .menu-item:hover .menu-label{
   font-weight: 900;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

J_Immel

Hello Phil,

works like a charm, thank you very much :)