• 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

How can i change Genesis menu position

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 › General Genesis Framework Discussions › How can i change Genesis menu position

This topic is: not resolved

Tagged: Healthy Work Environment

  • This topic has 20 replies, 13 voices, and was last updated 1 day, 13 hours ago by Keveinp56.
Viewing 20 posts - 1 through 20 (of 21 total)
1 2 →
  • Author
    Posts
  • July 6, 2022 at 5:07 am #505517
    chetan
    Participant

    Hello everyone,

    I have used the Genesis default theme

    In my child theme, I want to change the position of the default menu
    so how can I change the menu (<nav>) position?

    I want to move the menu from the top to the header part.

    Please check this link for detail. https://snipboard.io/CevLuD.jpg

    Thanks


    web devloper

    July 6, 2022 at 7:22 am #505518
    Brad Dalton
    Participant

    Try the code snippets for the navigation menu https://my.studiopress.com/documentation/snippets/


    Tutorials for StudioPress Themes.

    July 6, 2022 at 10:56 pm #505531
    chetan
    Participant

    Thanks for reply Brad Dalton


    web devloper

    July 6, 2022 at 11:32 pm #505532
    chetan
    Participant

    Sorry Brad Dalton
    I am not clear about your reference
    can you please provide me one example for this


    web devloper

    July 6, 2022 at 11:39 pm #505533
    Brad Dalton
    Participant

    Try this https://my.studiopress.com/documentation/snippets/navigation-menus/reposition-the-primary-navigation-menu/


    Tutorials for StudioPress Themes.

    July 27, 2022 at 1:11 am #505605
    JordenVarys
    Participant

    You could want to use a menu instead of the Genesis theme's header widget. We made use of the Genesis framework's Metro Pro theme. It already has a widget space in the header by default. You can maintain the header if you wish to put an advertisement there. If not, it is best to replace the Genesis theme header widget with a menu that is directly beneath the title or logo of your website.

    If you don't want to spend the time or money on these kinds of little things, you can hire a skilled WordPress developer from one of the top freelance marketplaces, such as Fiverr or Freelancer. You'll gain a lot of time by doing that. Continue reading if you don't want to spend money.
    I also face this problem in this website but now it become ok.

    July 28, 2022 at 3:42 am #505608
    zenia lazuka
    Participant

    To move your header into a different location, such as before the title, content, or header. Use these codes when you can:<?php
    //* Don't include the opening php tag that shown obove.
    //* Reposition the primary navigation menu
    remove_action( 'genesis_after_header', 'genesis_do_nav' );
    add_action( 'genesis_before_header', 'genesis_do_nav' );

    The next line of code
    Save after that (in code, we changed the primary menu position after header to before header).
    I also face this problem in 5-reasons-why website but after applying followings settings the problem is solved

    September 1, 2022 at 7:13 am #505744
    Michaelmati
    Participant

    Instead of Genesis' header widget, you may want to use a menu. We used the Metro Pro theme from the Genesis framework. In the header, there is already a widget space. An advertisement can be placed in the header if you wish. It would be best to place a menu beneath your website's title or logo if the Genesis theme header widget cannot be removed.

    You can hire a skilled WordPress developer from a top freelance marketplace such as Fiverr or Freelancer if you aren't interested in spending the time or money on these kinds of little things. Doing so will save you a lot of time.
    The problem was also present on APK related website, however, it has now been resolved.

    September 12, 2022 at 3:22 pm #505788
    marshray
    Participant

    To move your header into a different location, such as before the title, content, or header. Use these codes when you can:<?php
    //* Don't include the opening php tag that shown obove.
    //* Reposition the primary navigation menu
    remove_action( 'genesis_after_header', 'genesis_do_nav' );
    add_action( 'genesis_before_header', 'genesis_do_nav' );

    Faced the same problem in the Mini Militia site but used the same strategy and it helped me a lot.

    Try yourself as well.

    It'll help you for sure as well.

    September 13, 2022 at 3:17 am #505789
    Markluis
    Participant

    want to make civil engineering assignment help done by experts, so need to worry at all we are here to help you with experts who provide you best content done at on best time with best market price rate.

    January 29, 2023 at 12:56 am #506651
    frlegendsapk
    Participant

    I faced similar problem and here is how solved this,
    To move your header into a different location, such as before the title, content, or header. Use these codes when you can:<?php
    //* Don't include the opening php tag that shown obove.
    //* Reposition the primary navigation menu
    remove_action( 'genesis_after_header', 'genesis_do_nav' );
    add_action( 'genesis_before_header', 'genesis_do_nav' );

    I was facing it in Mod FR.
    Try yourself as well.

    It'll help you for sure as well.

    February 9, 2023 at 12:00 am #506733
    wsoslot
    Participant

    i try to use this, but cant understand how to please check my website here : https://magicxpa.com/

    February 16, 2023 at 6:20 am #506790
    albertcostello39
    Participant

    The Lebron James Tiffany And Co Nike Jacket is so chic and cosy. I am ecstatic with this purchase because it is so versatile and allows me to dress it up for a night out or wear it casually during the day.

    February 16, 2023 at 2:45 pm #506792
    AsadMuhammad
    Participant

    You should use coding for changing the menu position.
    web series

    February 18, 2023 at 6:23 am #506800
    Sophia Emme
    Participant

    I have used the Genesis default theme. How can I modify the position of the menu (nav>) in my child theme such that the default menu appears in a different location than it now does? I'd want to relocate the menu to the header section rather than the top of the page.

    Please check this link for detail. https://oreed.org/en

    Thanks

    February 18, 2023 at 6:27 am #506801
    Sophia Emme
    Participant

    Genesis is the default theme I used. Is there a way to modify the position of the menu (nav>) in my child theme so that it appears in a different position than it does now? I'd want to relocate the menu to the header section rather than the top of the page.

    For more information, click here. https://www.stockstelegraph.com/

    My sincere thanks

    February 25, 2023 at 4:37 am #506838
    AsadMuhammad
    Participant

    You can use plugin for this purpose. I also use plugin for my site(sri lakshmi lottery result). You should use it and achieve good results.

    February 27, 2023 at 2:35 am #506839
    Keveinp56
    Participant

    If you're using the Genesis framework on your WordPress website, changing the position of the menu can be a useful customization to make your site stand out or improve user experience. The good news is that Genesis makes it relatively straightforward to change the menu position, even if you don't have a lot of coding experience.

    March 15, 2023 at 1:47 am #506963
    Sophia Emme
    Participant

    To change the position of the Genesis menu in WordPress, you can use the genesis_register_nav_menu() function in your theme's functions.php file.

    Here's an example of how to change the position of the Genesis menu to the right-hand side of the header:

    Open the functions.php file in your Genesis child theme.

    Find the code that registers the menu. It should look something like this:

    python
    Copy code
    add_action( 'genesis_after_header', 'genesis_do_nav' );
    Change the hook to genesis_before_header to move the menu to the right-hand side of the header. It should now look like this:

    python
    Copy code
    add_action( 'genesis_before_header', 'genesis_do_nav' );
    Save the changes to functions.php and refresh your site to see the new menu position.

    Note that you may need to Improve organisation efficiency through website then adjust the CSS styling of your theme to ensure the menu displays correctly in the new position.

    March 15, 2023 at 2:00 am #506964
    Sophia Emme
    Participant

    Choose a location that is easy to find and use: Your menu should be prominently displayed and easy to access. Most websites, such as Bonvia, place their menu above or below the header. Consider how your visitors will interact with your site and select a location that makes sense for your content.

    Use a responsive design: Make sure your menu looks good and functions properly on all devices, including desktops, laptops, tablets, and smartphones. A responsive design will adjust the menu position and layout based on the screen size and orientation of the device.

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 21 total)
1 2 →
  • You must be logged in to reply to this topic.
Log In

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