• 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

Turn off Centric Pro Sticky Menu

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 › Turn off Centric Pro Sticky Menu

This topic is: resolved

Tagged: centric pro, sticky menu

  • This topic has 4 replies, 2 voices, and was last updated 6 years, 12 months ago by socialspark.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 4, 2016 at 8:00 pm #178346
    socialspark
    Member

    My header area is very tall because of the logo and social icons so that when I view it on landscape mobile I can't see any of my site to scroll. Is there a way to turn the sticky menu off at a certain width?

    Also, I would like the logo to get smaller as the viewport gets smaller. I've tried some of the instructions I've seen but I'm not having any luck because the logo file is loaded from the customizer.

    Thanks!

    http://fredgrooms.com
    February 4, 2016 at 9:19 pm #178350
    Brad Dalton
    Participant

    What happens if you take the CSS for the sticky menu and add it to a Media Query and modify it

    @media only screen and (max-width: 782px) {
    
        .site-header {
            background-color: #262743;
            left: 0;
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 999;
        }
    
    }
    

    You will need to modify the CSS above which is wrapped in the Media Query and change the value for the max-width:


    Get Help – Book Consultation.

    February 5, 2016 at 10:13 am #178385
    socialspark
    Member

    Thanks, Brad. Changing the max-width didn't affect the sticky menu part of it, but I ended up just removing the social icons at the narrower widths and that gave me enough space at the top.

    February 5, 2016 at 7:18 pm #178408
    Brad Dalton
    Participant

    Cool. I thought that changing the position: fixed; declaration may have done the trick.


    Get Help – Book Consultation.

    February 7, 2016 at 8:39 pm #178540
    socialspark
    Member
    This reply has been marked as private.
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 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

© 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