Sub-menu Css Problem On Separator Menu Items - Question | JoomShaper

Sub-menu Css Problem On Separator Menu Items

PB

Paolo Bianchi

Helix Framework 3 weeks ago

Hello, i have a problem with css level sub-menus only on "separator" menu items The aefirenze.it website is multilingual.

On the English version the sub-menus are perfect (see screenshot en.png for the highlighted items) https://aefirenze.it/en/

On the Spanish and Portuguese version https://aefirenze.it/es/ https://aefirenze.it/pt/ matching entries are smaller and missing the > font (see screenshot es. png and pt.png for highlighted entries)

I tried to create custom css for the templates in Spanish and Portuguese, but I couldn't get them to display like the other items.

Can you kindly help me? Paolo Bianchi

en.png https://imgur.com/a/zBFLYpk

es.png https://imgur.com/a/DqxWTo0

pt.png https://imgur.com/a/2fypY1G

0
3 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 weeks ago

Hi there!

Sorry for the inconvenience.

Please use the following code in your custom CSS:

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    color: #252525;
}

Note: 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.

Hope this will solve the issue for you!

Best Regards

0
PB
Paolo Bianchi
Accepted Answer
3 weeks ago

It's working perfectly. Thank you very much for your help

Paolo

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 weeks ago

Glad to know that and you are always welcome:)

You may accept my answer in order to close the post.

0