Search Bar in Secondary Navigation – Magazine Pro

[AnthonyDG]

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

[Susan]

Try this tutorial from Brad Dalton:

Add search bar to any menu

[AnthonyDG]

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?

[Susan]

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

[Brad Dalton]

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

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

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

---

Code for Paid Members & Clients Only.

[AnthonyDG]

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