View Full Version : Top Nav Bar above Header
OnlineInf0
07-29-2010, 10:12 AM
How can I change the Top Bar Nav above the Header to look similar to the Nav Bar that is below the header?
I would like the Top Bar Nav above the header to Start at the left and be larger.
Thanks,
lynnth
07-29-2010, 10:17 AM
Look for .im-topNav in style.css. It sets the styling for that piece.
OnlineInf0
07-29-2010, 10:36 AM
what do I do once I find...
Look for .im-topNav in style.css. It sets the styling for that piece.
I found it...now what...
Sorry...I need more help...I'm not a programmer...but I am great at copy and paste and following your instructions.
Thanks :)
lynnth
07-29-2010, 10:54 AM
To make it left aligned instead of right change text-align:right to text-align:left
To make the links larger change the percentage in:
.im-topNav a { position:relative; font-size:80%
OnlineInf0
07-29-2010, 11:04 AM
Thanks,
Now how do I move the search bar up to the .im-topNav? :rolleyes:
lynnth
07-29-2010, 11:20 AM
Toward the bottom of header.php is the section for the search form. You would need to cut that section out and paste it right after the im-topnav DIV toward the top of the same file.
Make sure you save a copy of this file somewhere just in case you need to start over.
OnlineInf0
07-29-2010, 12:02 PM
I was able to cut that section out and now my search form is gone...
but I can't seem to find where to paste it back in so that it will appear in the im-topNav
Can you clarify for me.
I am guessing you mean for me to say in the header.php and after I cut it from the bottom, scroll to the top and paste it back in.
But I can't seem to find the im-topNav div you are talking about and when I do...do I paste it inside that div or after the closing (</div>) of that div?
Help please
lynnth
07-29-2010, 12:05 PM
Look for the comment <!-- Upper Navigation --> Now that I look back at the file, I see that it is about two thirds of the way down the file. I would paste it right after the div.
OnlineInf0
07-29-2010, 12:22 PM
I found <!-- Upper Navigation -->
and I have pasted the code in several places after several div's...
and it still doesn't work.
Can you please clarify exactly what div you are talking about after the
<!-- Upper Navigation -->
:confused:
lynnth
07-29-2010, 12:24 PM
What is the URL for this site. Let me take a look at what you have so far.
OnlineInf0
07-29-2010, 12:32 PM
www.chuckthespy.com
lynnth
07-29-2010, 12:37 PM
No sign of the search box in the page source at all. I guess the next step is for me to take a look at your dashboard if you want. Setup a temporary admin user and PM me the username and password. I'll go in a fix the file for you.
lynnth
07-29-2010, 01:00 PM
I believe I have it close to where you wanted it. You can tweak the position by adjusting im-searchForm in style.css.
OnlineInf0
07-29-2010, 01:05 PM
Thanks,
I'll try to move it closer to the middle.
Thanks for all your help today!
You've been great!;)
lynnth
07-29-2010, 01:09 PM
You are most welcome.
Powered by vBulletin® Version 4.1.10 Copyright © 2013 vBulletin Solutions, Inc. All rights reserved.