Community Forums › Forums › General Discussion › Multiple Widgets In Right Header
This topic contains 5 replies, has 2 voices, and was last updated by anitac 5 months, 2 weeks ago.
-
AuthorPosts
-
December 6, 2012 at 12:28 pm #3614
I am trying to figure out how to put a custom menu and search widget in the top right header so they show up side by side. The menu keeps showing up on top of the search widget. Started playing around with the css and was able to get them up there by messing with the #’s on the searchform and #header . widget-area. However, I want the menu to the left and search widget on the right. I’ve tried changing the float right and left for both and neither would get them to work how I want them too. If what I currently have is wrong and there is a better way then I’d appreciate the correct way.
Also, is there a way to remove the “Home” link that is automatically inserted on the primary navigation bar? With the current design of my site I only want the black bar with no links. I’ve figured out how to make the bar and text smaller but cannot find out how to remove the link.
Appreciate any help that can be given. Here is my site.
December 6, 2012 at 2:14 pm #3625Start with this – change float to “right” and then change the width to about 650 or 675 and then go from there.
#header .widget-area {
color: #333333;
float: left;
font-size: 20px;
padding: 27px 0 0 15px;
width: 600px;}
Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
Why Not Take The Challenge! – Help us answer some of the unanswered postsDecember 6, 2012 at 8:48 pm #3646This is what I currently have.
#header .widget-area {
color: #333;
float: right;
font-size: 20px;
padding: 27px 0 0 15px;
width: 620px;It still doesn’t push the search form to the right side. I’ve tried moving them from the widgets page and it didn’t work. Any other ideas?
December 6, 2012 at 10:26 pm #3659Move the Search back under the Nav. Then change the 620 to 650 and you will see that they will be on the same line.
Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
Why Not Take The Challenge! – Help us answer some of the unanswered postsDecember 7, 2012 at 8:15 am #3696Thanks. It worked. Any idea on my second issue? I activated the primary navigation bar to just have the black bar show up. I don’t want any links on it. Is there any way to remove the “Home” link that automatically shows up? You can see on my site right now how the text is very small.
December 7, 2012 at 8:18 am #3697Go to Menus – then activate the secondary one. Create a secondary menu and don’t add the home page. The home is there by default.
Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
Why Not Take The Challenge! – Help us answer some of the unanswered posts -
AuthorPosts
You must be logged in to reply to this topic.