PDA

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.