Home › Forums › Pro Themes › Signify Blocks Pro › Mobile Navigation Dropdown Appears Behind Page Content on Certain Pages
- This topic has 4 replies, 2 voices, and was last updated 1 day, 23 hours ago by
Psink.
-
AuthorPosts
-
April 14, 2025 at 11:47 pm #209722
Mark Steighner
ParticipantHi there,
I’m using the Signify Blocks Pro theme with the Site Editor, and I’ve run into an issue where the mobile navigation menu (dropdown) appears behind page content — but only on certain pages.Details:
The issue occurs on three specific pages:/my-account
/my-profile
/my-sessionsThese are logged-in-only pages built using WP User Manager shortcodes.
On those pages, when opening the mobile menu, the dropdown renders underneath the page content.
Specifically:
Text from the menu does not appear at all
Only graphics (like icons or buttons) from the menu show up, and they are partially obstructed by the page’s existing content.
The same menu works correctly on all other pages (logged out or public-facing).
I’ve placed the menu in a custom Thin Header template part using the Full Site Editor.
I’ve already tried increasing z-index and using position: fixed on the menu container, as well as lowering z-index on the .wpum-account, .wpum-content, and related containers — no change.
Browser cache has been cleared, and no caching plugin is active.
This behavior is consistent across both Chrome and Edge on mobile and tablet.
❓ Questions:
Is this a known behavior with how the theme renders navigation inside block-based template parts?Are there any theme-specific wrappers or CSS resets that may be interfering with stacking context?
Is there a recommended way to make the mobile menu reliably overlay all content, including WP User Manager areas?
I really like the theme and just want to resolve this one display issue that’s affecting mobile usability.
Thank you so much for any guidance you can offer!
Mark
386-235-5678April 15, 2025 at 12:35 am #209742Psink
Keymaster@markkeystoourcity-com, Thanks for the site URL. We have inspects your site and found that the z-index of the “.kb-button” is 1 which is causing issue. Add a CSS to override the z-index of “.kb-button” make z-index 0.
here is short screen record of the issue
https://www.awesomescreenshot.com/video/38756682?key=52a0e12da1ca3f54480de5901b425973-
This reply was modified 4 days, 22 hours ago by
Psink.
April 17, 2025 at 11:23 am #209759Mark Steighner
ParticipantHi there,
Thanks for the helpful response and the screen recording. I was going to follow your suggestion to add the CSS fix, but when I went to Appearance, I realized that I don’t have a Customize option in my dashboard.
How do I access the area to apply CSS in Simply Block Pro?
Thanks again,
MarkApril 17, 2025 at 11:23 pm #209760Mark Steighner
ParticipantHi there,
Thanks again for your help and the screen recording.
I was going to follow your instructions to add the CSS fix, but I noticed that I don’t have a Customize option under Appearance in my dashboard. Could you let me know how I can access the section to apply global CSS?
Also — one more thing I’ve been meaning to ask:
The front page of my site (which I believe uses your required “Front Page Template”) displays full-width and stretches all the way across the screen. However, all of my other pages are nicely centered and boxed in.
I actually prefer the look of the boxed layout on the other pages. Is there a way to make the front page match that same layout so the whole site feels consistent?
Appreciate your help — the theme has been great overall, just trying to smooth out these last couple things.
Thanks,
Mark Steighner
321vent.comApril 17, 2025 at 11:27 pm #209762Psink
Keymaster@markkeystoourcity-com, Please follow the screen record i have cover both – adding Global CSS and changing content width of the front page
https://www.awesomescreenshot.com/video/38887054?key=37b20ae758d9d06c7b052510d1a87f07
-
This reply was modified 4 days, 22 hours ago by
-
AuthorPosts
- You must be logged in to reply to this topic.