• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Submenu Getting Clipped in Mobile

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Submenu Getting Clipped in Mobile

This topic is: not resolved

Tagged: css, float, nav menu, sub menu

  • This topic has 2 replies, 3 voices, and was last updated 11 years ago by Robodashy.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 13, 2013 at 7:19 pm #56215
    windy
    Member

    Hi,

    It would probably be easier to explain this with a visual...On a regular desktop, let's say that you right-click your mouse, and you are too close to the margin, the submenu automatically opens toward the 'inside' of the screen - where there is more room.

    On a desktop. when you hover over a primary menu item, and If you have multiple items for each submenu item, and you then rollover on those items, a secondary submenu opens to the right. So on a regular pc this is no problem.

    When you get to mobile, those submenus that are created on the right get clipped off. It almost makes me want to ask how to force that submenu to open to the left. But I don't think that is the correct solution.

    I think a submenu should open to the 'inside' on mobile (not always in one direction or always to the right).

    I have been working with Legacy, but I have a feeling this would be the case with any other child theme. Is this a Genesis limitation, a mobile platform constraint, or is this just the way it works on mobile?

    Thanks,

    Windy

    November 17, 2013 at 12:43 pm #73598
    Susan
    Moderator

    I see you posted this a while back, so I hope you got your issue resolved. If not, come back and check in, and I'll escalate it for you...

    April 30, 2014 at 4:56 pm #103134
    Robodashy
    Member

    Hi windy and Susan.

    I'm having a similar issue where I'm wanting to align the submenu of my last li to the right, so it doesn't stick out over the right side of the main body (well, at least I think this is a similar issue to what windy is describing).

    I've looked at different ways of modifying the css to fix this, but can't seem to find the right selectors to modify to get this effect.

    The effect I'm after can be seen working here:
    http://sevenspark.com/docs/ubermenu-align-items-right (the "Support" menu item under the search and social buttons)

    From looking at the CSS it looks like this is achieved by:
    ul.menu #menu-item-31 > ul.sub-menu {
    left: auto; right: 0;
    }

    I can't find the equivalent styles in the Genesis css (modifying the hell out of the Sample child-theme) to make these changes.

    Any help would be greatly appreciated.


    The large print giveth, and the small print taketh away.
    – Tom Waits, “Step Right Up”

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble