• 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

[Help]Top Menu Bar in News pro Theme

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 › [Help]Top Menu Bar in News pro Theme

This topic is: not resolved

Tagged: news pro theme, top menu

  • This topic has 7 replies, 5 voices, and was last updated 8 years, 4 months ago by gstarr.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 1, 2014 at 6:43 am #126415
    henridelbosque
    Member

    So I am running this site with News pro theme and it works fantastic. But I need to do a little change. Would it be possible to change the menu position from above the header to the top of the site?

    If so, how could I do it. It would be perfect to make it black, like the footer in News pro theme.

    Thanks 🙂

    The site is http://www.saludavia.com/

    October 1, 2014 at 8:49 am #126429
    cwalsh
    Member

    Just to clarify you want to remove the extra space above the primary menu and then make the whole thing black?


    Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

    October 3, 2014 at 9:20 am #126679
    henridelbosque
    Member

    Sorry for the late reply.

    Right now the menu above the header is like this:
    Menu

    But I want it like this:
    Menu 2

    As you can see, the menu has a white background. I need it to be black with white fonts. I can deal with the CSS though. I just need to move the menu.

    October 3, 2014 at 9:47 am #126685
    DTHkelly
    Member

    News Pro, functions.php at line 62

    //* Reposition the secondary navigation
    remove_action( 'genesis_after_header', 'genesis_do_subnav' );
    add_action( 'genesis_before_header', 'genesis_do_subnav' );

    1. Select the genesis hook for your desired location. Possiblygenesis_before

    http://genesistutorials.com/visual-hook-guide/

    https://wordpress.org/plugins/genesis-visual-hook-guide/

    2. Back up your site. PHP mistake(s) result in White Screen of Death

    3. Revise the php snippet to include the hook you selected:
    http://my.studiopress.com/snippets/navigation-menus#reposition-primary

    News Pro is using genesis_before_header for subnav

    Replace line 62 - 64 in your News Pro childtheme's functions.php

    //* Reposition the secondary navigation
    remove_action( 'genesis_after_header', 'genesis_do_subnav' );
    add_action( 'genesis_before', 'genesis_do_subnav' );
    October 3, 2014 at 3:20 pm #126707
    henridelbosque
    Member

    Yeah, it worked. But now all the menu items are aligned in the left... with no padding. I need all the menu Items align with the site wrap.

    a

    October 3, 2014 at 5:50 pm #126711
    bandj
    Member

    give a margin: 0 auto; to the nav wrap

    October 4, 2014 at 12:51 pm #126765
    henridelbosque
    Member

    Yeah, I was looking for that, but didnt find such objet in the css file.

    November 14, 2014 at 1:56 pm #131553
    gstarr
    Member

    Thanks for this tip Kellylise, I was able to move secondary menu below the main menu. It looks like this hook system ain't that hard to understand.

    I have one question though.
    In my case I wanted to move secondary menu below the main one.
    I did the following:
    //* Reposition the secondary navigation
    remove_action( 'genesis_after_header', 'genesis_do_subnav' );
    add_action( 'genesis_after_header', 'genesis_do_subnav' );

    Now I have two classes remove action and add action which are the same.
    Is that still ok to do?

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 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