• 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

Author Pro genesis nav menu css at smaller viewport

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 › Author Pro genesis nav menu css at smaller viewport

This topic is: resolved

Tagged: Author Pro, css viewport, genesis-nav-menu

  • This topic has 3 replies, 2 voices, and was last updated 9 years, 9 months ago by asbilly92.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 17, 2015 at 9:05 am #165886
    asbilly92
    Participant

    Genesis nav menu: placement

    This might be an easy one for some of you. I've been fiddling with it for a while, and not sure what I'm doing wrong.

    It's fine when it's at a large desktop size, but when you resize the window down to around 1200 viewport, the menu is still hanging down too low...resize it even smaller and it looks great, the menu is centered and it looses all of the extra padding...how can I get that effect to kick in sooner so at 1200 it looks correct?

    Please and thanks ahead 😉

    Link to my test site below...

    http://www.amystout.rocks
    September 17, 2015 at 9:57 am #165890
    asbilly92
    Participant

    UPDATE ...

    I made an adjustment...I copied all of the css that was related to the location of the Geneses nav menu from the @media only screen and (max-width: 980px) and added it also to the @media only screen and (max-width: 1200px), this seems to have fixed my issue, but is it wrong to have the same code in both media queries?

    Should I take it out of the 980 one or can I just leave it there?

    September 17, 2015 at 11:16 am #165901
    emasai
    Participant

    You can remove the code from the 980 if it is exactly the same as that of the 1200px. Comment it out first and check the site before removing.


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    September 17, 2015 at 1:49 pm #165924
    asbilly92
    Participant

    Ok great thanks, that's what I thought 😉

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Author Pro genesis nav menu css at smaller viewport’ is closed to new 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