Sub-menu css problem on separator menu items - Forum | JoomShaper
Solved Helix Framework

Sub-menu css problem on separator menu items

Asked by Paolo Bianchi 5 years ago Last activity 5 years 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

Accepted answer

Marked as the solution
Rashida Rahman Staff
5 years 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

2 more replies

Oldest first Newest first Most helpful
Paolo Bianchi Asked this
5 years ago

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

Paolo

Rashida Rahman Staff
5 years ago

Glad to know that and you are always welcome:)

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

Log in to reply.