• 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

Making a Nav Menu Static

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 › Making a Nav Menu Static

This topic is: resolved

Tagged: cafe pro, sticky menu

  • This topic has 4 replies, 3 voices, and was last updated 6 years, 11 months ago by EmLY14.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 23, 2016 at 6:09 am #179701
    EmLY14
    Member

    Using the Cafe Pro theme the primary navigation bar follows as you scroll down the page, this happens on all pages. If at all possible can I stop it from moving on the product pages and to be a static menu? If anyone has any tips I would hugely appreciate it.

    Thanks in advance.

    http://www.onwardtrading.com
    February 23, 2016 at 6:50 am #179702
    Brad Dalton
    Participant

    Try

    position: fixed;

    Or

    This tutorial about sticky menu


    Get Help – Book Consultation.

    February 23, 2016 at 9:29 am #179716
    EmLY14
    Member

    Thanks Brad. It is already set to position: fixed; and moves with the page.

    ?

    February 23, 2016 at 11:04 am #179725
    WhiteleyDesigns
    Member

    Hey EmLY14,

    I think the word 'static' is probably confusing. Static would insinuate you'd want it to remain in the same location, thus scroll with the page. I think want you want to use is either:

    position: relative;

    or

    position: absolute;

    This depends on the flow of the documents and other elements around it, but if you add that it will override the fixed position and allow it to remain in place, instead of remaining fixed while you scroll.

    Matt


    Matt Whiteley – WhiteleyDesigns, GitHub
    Designing, Developing & Creating with WordPress

    February 24, 2016 at 4:37 am #179774
    EmLY14
    Member

    That has done it, thank you Matt.

  • 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