• 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

Magazine Pro – Move logo to primary nav

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 › Magazine Pro – Move logo to primary nav

This topic is: not resolved

Tagged: Logo, magazine, navbar, primary navigation

  • This topic has 10 replies, 4 voices, and was last updated 9 years, 6 months ago by rasor.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 11, 2015 at 12:25 am #167846
    igecorner
    Participant

    Hi,

    I want to move logo into Primary Navigation Menu, please help to how to do this?

    I have followed the steps as per the below link, but no luck

    Add Logo on Top of Navigation Menu in a Genesis Child Theme

    Regards

    http://igecorner.com
    October 11, 2015 at 3:54 pm #167869
    Brad Dalton
    Participant

    The tutorial you linked to shows you how to add the logo on top of the navigation, not inside it.


    Tutorials for StudioPress Themes.

    October 11, 2015 at 4:17 pm #167871
    pluzito
    Participant

    Looking for the same with no success 🙁

    October 11, 2015 at 4:20 pm #167872
    Brad Dalton
    Participant

    I wrote several tutorials about how to do this however they're for members only.

    Not sure you'll find free code for this however you might try searching Google.


    Tutorials for StudioPress Themes.

    October 12, 2015 at 12:49 am #167894
    igecorner
    Participant

    Thanks Brad

    Could not able to find in google search, can you help if possible ?

    October 12, 2015 at 3:51 pm #167962
    Brad Dalton
    Participant

    Please search the forums or use Google as this question has already been answered. The searching is something you can do yourself.


    Tutorials for StudioPress Themes.

    November 10, 2015 at 7:07 pm #170723
    pluzito
    Participant

    igecorner could you finally do it? I couldn't 🙁

    November 10, 2015 at 11:45 pm #170727
    igecorner
    Participant

    Nope, not able to do

    November 11, 2015 at 9:22 am #170747
    rasor
    Participant

    try adding this to the function.php

    //* Logo to Primary Nav 
    add_filter( 'genesis_nav_items', 'ja_logo_to_primary', 10, 2 );
    add_filter( 'wp_nav_menu_items', 'ja_logo_to_primary', 10, 2 );
    /**
     * based on Bill Erickson code http://www.billerickson.net/genesis-wordpress-nav-menu-content/
     */
    function ja_logo_to_primary($menu, $args) {
    	$args = (array)$args;
    	if ( 'primary' !== $args['theme_location']  )
    		return $menu;
    	$ja_logo = '&lt;li id="ja_logo"&gt;Follow: <a href="http://localhost/wpbasics/"><img src="http://localhost/wpbasics/wp-content/uploads/2015/09/WPbasics_header.png" /></li>';
    	return $ja_logo . $menu;
    } 

    and this to the styles.css

    #ja_logo {
    	float: left;
    	width: 15%;
    	margin-top: -12px;
    }
    
    #ja_logo a {
    	padding: 0;
    }

    It may not be the best way but it should get the job done. replace the href with your home url and the img src with the location of your logo.
    hope it helps


    rasor @ WPBasics.org | Buy me a coffee

    November 11, 2015 at 9:50 am #170769
    rasor
    Participant

    Extra code added as I am on mobile. Will correct as soon as I get home


    rasor @ WPBasics.org | Buy me a coffee

    November 11, 2015 at 10:43 am #170775
    rasor
    Participant

    here is the code. not sure why the weird characters got added.

    //* Logo to Primary Nav 
    add_filter( 'genesis_nav_items', 'ja_logo_to_primary', 10, 2 );
    add_filter( 'wp_nav_menu_items', 'ja_logo_to_primary', 10, 2 );
    /**
     * based on Bill Erickson code http://www.billerickson.net/genesis-wordpress-nav-menu-content/
     */
    function ja_logo_to_primary($menu, $args) {
    	$args = (array)$args;
    	if ( 'primary' !== $args['theme_location']  )
    		return $menu;
    	$ja_logo = '<li id="ja_logo">Follow: <a href="http://localhost/wpbasics/"><img src="http://localhost/wpbasics/wp-content/uploads/2015/09/WPbasics_header.png" /></li>';
    	return $ja_logo . $menu;
    }

    rasor @ WPBasics.org | Buy me a coffee

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

© 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