Pendant theme: Submenu font size doesn't adjust to custom block settings

[jamiepalatnik]

Quick summary

With the Pendant theme active, only the parent menu items seem to be affected by the custom font size selected in the Navigation block settings. This can lead to the submenu items appearing larger than the parent menu items. This only happens when a font size is selected in the block settings, not when using the default block settings.

Steps to reproduce

1. Activate Pendant theme
2. Add a Navigation block with a submenu to a page
3. Select a font size in the Typography section of the Navigation block settings, for example, XL
4. Publish the page and view the live site

What you expected to happen

The submenus should be in proportion to the parent menu items.

What actually happened

When a custom font size is selected, the submenu items can appear larger than the parent menu items.

Screenshot:

Context

User report: 38380932-hc

Platform (Simple, Atomic, or both?)

Simple, Atomic, Self-hosted

Theme-specific issue?

Pendant theme.

Browser, operating system and other notes

Tested on Chrome.

Reproducibility

Consistent

Severity

Some (< 50%)

Available workarounds?

Yes, difficult to implement

Workaround details

It's possible to customize the submenu font size using custom CSS, but this option is only available for users with Premium plan and higher.

[kavyagokul]

📌 SCRUBBING : RESULT

• Tested on Simple - Replicated
• Tested on AT - Replicated
• Tested on Self-hosted - Replicated
• Replicable on Core - Yes

📌 ACTIONS

• Marked as Triaged for Quality Squad review
• Transferred to themes

[tellisbethel]

Another case here: 6180884-zd-woothemes Will try to provide a CSS workaround.

EDIT: This CSS did the trick:

.wp-block-navigation .has-child .wp-block-navigationsubmenu-container > .wp-block-navigation-item > .wp-block-navigation-itemcontent { font-size: 8px; }

[github-actions[bot]]

Support References

This comment is automatically generated. Please do not edit it.

• [ ] 6180884-zen