Incorrect typography of 2nd level menu headings - Forum | JoomShaper
Solved Helix Framework

Incorrect typography of 2nd level menu headings

Asked by Richard Chick 2 years ago Last activity 2 years ago

After changing the navigation typography on my (renamed) Helix Ultimate template I am finding that the changes are not taking effect in the lower level menu headings. I am not using a mega menu so I am assuming that it is OK for me to use menu headings.

This may be related to my long ago renaming of the duplicated default template without first reading "How to Rename Helix Ultimate Template". When I discovered that changes to the duplicate seemed to corrupt the original I purged the site of all unnecessary templates except for a renamed Helix default (another mistake). Since the purge I have been able to make progress using my blindly renamed default but after finally reading the relevant documentation I have tried to clean up my site by reinstalling the current helix ultimate template. However after a fresh installation I still find only my renamed default. Things seem to be mostly working (until this typography issue) and updates seem to be performed OK but I'm not sure of the best way to clean this up and restore a default Helix Ultimate template.

Accepted answer

Marked as the solution
Rashida Rahman Staff
2 years ago · edited

Hi there!

Thanks for contacting us.

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: 'Arial', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #7f0007;
    text-decoration: none;
}

Here is all about custom code placement of Helix Ultimate framework:
https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Best Regards

Richard Chick Asked this
2 years ago

Thanks Rashida

1 more reply

Rashida Rahman Staff
2 years ago

You are always welcome:)

Have a nice day!

Log in to reply.