• 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

nav on mobile issue

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 › nav on mobile issue

This topic is: not resolved
  • This topic has 2 replies, 2 voices, and was last updated 10 years, 8 months ago by annalanga.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 17, 2016 at 5:13 pm #176802
    annalanga
    Member

    Can anyone help one frustrated girl? Pretty pls, I'm about to pull my hair out 🙁
    Been trying to fix this problem with no luck. Here is the site I`m working on http://glamclients.com/test
    The problem I can`t solve is this:
    on the mobile view the header do not wrap around the whole height and include navigation. So the logo have navy background but the nav doesn't and it almost disappear. It's ok on the pages without parallax section so I guess that parallax is a problem but nothing I tried seams to fix it. Can someone help me pls?

    January 18, 2016 at 9:32 am #176864
    Davinder Singh Kainth
    Member

    In style.css file

    change...

    .responsive-menu-icon {
        cursor: pointer;
        display: none;
        margin-bottom: 10px;
        text-align: center;
    }

    to...

    .responsive-menu-icon {
        cursor: pointer;
        display: none;
        margin-bottom: 30px;
        text-align: center;
    }

    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    February 2, 2016 at 6:31 pm #178203
    annalanga
    Member

    Thank you so much Davinder 🙂
    Now the icon looks ok but i still have a problem with the last menu item:
    last menu item issue

    Would you be able to explain to me why the nav do not "wrap around" and push the below div? (So I can understand for future)
    This only happens on the pages with the parallax effect. Is there anything I need to add to the css to make that happen?
    It makes the whole parallax image hide the top below the nav and cut off 🙁

    Many thx Anna

  • 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

© 2026 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