• 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

Going Green Mobile – Formatting Question

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 › General Discussion › Going Green Mobile – Formatting Question

This topic is: not resolved
  • This topic has 2 replies, 2 voices, and was last updated 7 years ago by lbcurrier.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 25, 2016 at 7:38 pm #177518
    lbcurrier
    Participant

    I moved the primary navigation bar from above the header to below the header and it did not translate to the mobile side - now the menu bar is hidden behind the Inner "Page" I have tried adding this to the Media Queries section, but the menu will not move up. I want to keep the effect of the page overlapping the header and the footer, so I do not want to adjust the margins for the Inner. Any ideas? This is what I have added to the media queries with no siuccess:

    .genesis-nav-menu {
    margin: -170px 0 0 0;
    }

    http://www.southmeckfoundation.org
    January 26, 2016 at 5:17 am #177537
    Victor Font
    Moderator

    If you want to see the menu add this to the .nav-primary css:

    position: relative;
    z-index: 999;

    This will bring the menu to the top.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    January 26, 2016 at 9:31 am #177560
    lbcurrier
    Participant

    Thank you for your help on this, it worked beautifully along with afew more entries to that area:

    .nav-primary {
    position: relative;
    top: -175px;
    text-align: center;
    z-index: 999;
    }

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘General Discussion’ 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

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