• 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

Adding a widget area to navbar 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 › Adding a widget area to navbar in News Pro Theme

This topic is: not resolved

Tagged: genesis navigation, widget in nav

  • This topic has 10 replies, 2 voices, and was last updated 12 years, 8 months ago by CJWheels.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • December 4, 2013 at 5:03 pm #77060
    CJWheels
    Member

    I'm using this tutorial: http://sridharkatakam.com/how-to-add-a-widgeted-area-in-navigation-bar-in-genesis/ I have used it before just not with News Pro. I've got it installed here: http://testsite.howtorockyourblog.com/ I just can't seem to get the social media icons to line up with the nav. I have firebugged the heck out of it and can't figure out what I'm missing:/

    Any thoughts?

    Thanks!
    Cynthia

    http://testsite.howtorockyourblog.com/
    December 4, 2013 at 5:30 pm #77062
    Brad Dalton
    Participant

    Had the same problem. This may help http://wpsites.net/web-design/display-header-right-widget-custom-menu-social-icons-in-line/


    Tutorials for StudioPress Themes.

    December 4, 2013 at 5:34 pm #77063
    CJWheels
    Member

    Hi Brad, that would work if the widgetized area was in the header. It's actually in the navbar. It should look like this: http://testsite.howtorockyourblog.com/wp-content/uploads/2013/12/touratlanta.png I used the same tutorial on this site and it worked perfectly. I can't for the life of me figure out why I can't get it to line up on this site: http://testsite.howtorockyourblog.com/

    Any thoughts?
    Cynthia

    December 5, 2013 at 9:48 am #77215
    Brad Dalton
    Participant

    If you're running a HTML 5 child theme, try changing the CSS to this code:

    .nav-primary .widget {
    	float: right;
    	margin-right: 2px;
    }
    
    .socialmedia-buttons {
    	margin-top: 6px;
    	margin-right: 3px;
    }
    
    .menu-primary .socialmedia-buttons a {
    	float: left;
    	border-right: none;
    	padding: 0;
    }
    
    .menu-primary .socialmedia-buttons img {
    	margin-bottom: 0;
    }
    

    Tutorials for StudioPress Themes.

    December 5, 2013 at 9:50 am #77217
    CJWheels
    Member

    That TOTALLY did the trick Brad! Thank you SO much!

    http://testsite.howtorockyourblog.com/

    You're the best!
    Cynthia

    December 5, 2013 at 9:55 am #77220
    Brad Dalton
    Participant

    One of them! hahaha.


    Tutorials for StudioPress Themes.

    December 5, 2013 at 9:57 am #77221
    CJWheels
    Member

    I knew I was missing something easy. Sometimes you just need a second set of eyes.

    Thanks!
    Cynthia

    December 5, 2013 at 10:04 am #77224
    Brad Dalton
    Participant

    When i looked at the CSS code i saw the # which is used for i.d selectors and knew that HTML uses . for class selectors which is how i figured it out. Glad you got it working.


    Tutorials for StudioPress Themes.

    December 5, 2013 at 12:46 pm #77257
    CJWheels
    Member

    Isn't it just the way, you jump through the hoops, and then the client wants it back in the sidebar!

    Thanks for your help anyway:)
    Cynthia

    December 5, 2013 at 2:52 pm #77281
    Brad Dalton
    Participant

    Yes and those 2 minute jobs can take 2 hours or more!


    Tutorials for StudioPress Themes.

    December 5, 2013 at 2:53 pm #77282
    CJWheels
    Member

    I'm on one of those now. March, march, march;)
    C

  • 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

© 2026 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