• 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

Search Bar in Secondary Navigation – Magazine Pro

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 › Search Bar in Secondary Navigation – Magazine Pro

This topic is: not resolved

Tagged: Magazine Pro, Secondary Navigation Bar

  • This topic has 5 replies, 3 voices, and was last updated 8 years, 7 months ago by AnthonyDG.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 25, 2013 at 9:56 am #81166
    AnthonyDG
    Member

    Hi guys! I'm using the magazine pro theme and I know you can add the search bar to the primary one, but I'd rather add it to the secondary navigation bar. Is there a way to do this?

    Thanks!

    http://giftcloudnine.com
    December 25, 2013 at 10:15 am #81167
    Susan
    Moderator

    Try this tutorial from Brad Dalton:

    Add search bar to any menu

    December 25, 2013 at 11:19 am #81181
    AnthonyDG
    Member

    Thanks. I managed to add it and it shows find in Google Chrome but for some reason there's a weird dot on the navigation bar when I open it up in Firefox.

    And in Internet Explorer it doesn't seem to be properly formatted.

    Is there any way to fix this?

    December 25, 2013 at 11:30 am #81182
    Susan
    Moderator

    You might want to post a comment on the tutorial, and Brad might respond over there. I haven't used the tutorial myself...

    December 25, 2013 at 12:12 pm #81183
    Brad Dalton
    Participant

    You can change the li class to another class like span class.http://www.w3schools.com/tags/tag_span.asp

    Tested this now on the News Pro theme and it removed the dot.

    Or try adding this CSS to your rule:

    list-style-type: none;
    

    Source http://www.w3schools.com/css/css_list.asp

    Or try div class.

    All themes will need different CSS code which i couldn't supply as there's hundreds so i simply supplied some sample CSS code.

    Here's the result on the News Pro theme

    Add Search On Primary Nav Menu

    Using either span or div class and reducing the width to 40%

    .custom-search {
    	margin-top: 5px;
    	margin-bottom: 4px;
    	float: right;
    	width: 40%;
    }
    

    Recent Client work

    December 26, 2013 at 5:39 pm #81307
    AnthonyDG
    Member

    Thanks! I got it working with the list-style-type: none; added to the css. You're website is really helpful, by the way. Bookmarked!

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

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