Header FIx

[Thalinor]

First, I have to apologize. I had a backup copy of my edited Header.php, must of moved it last update instead of copying it, thus lost my edits and can’t figure out how I managed to get things working. If you look at the site Wneies.org you will see the header goes across until it hits the menu bar titles “Home” “About” “Events” Sponsors” and the Search Box.

With your help, we used to have that Menu Bar UNDER the header which stretched across the entire page. The Menu Bar was positioned “Right Justified” on the side of the screen directly under the header [under the lettering on the right side of the banner] which again, the header spanned the entire length of the page. I found the span text, which I remember had to add up to 12, but there is something I am missing to get the Menu bar on the next line, thus under the banner. Because it’s on the same line as the banner, when I try and change the span numbers to make the banner full page, it just squishes the Menu. Again, there was two places I needed to change something and I only remember the one, which was changing those span numbers.

Is there some code I can add under Options->General Options->Custom CSS instead of having to backup header.php and copy it over the new one every update?

I have attached a photo of how it used to look and should look (minus the distorted image which got distorted as I quickly threw together the demo in M$ Paint.)

Thank you, and again sorry for being a PITA. I should have backed up that header.php twice.

[Mohammad – SUPPORT]

HI,
Please make a sceeenshot for desire fixed version of header through ms paint so i can give quick exact solution.

Thanks 🙂
With Best Regards
Swift Ideas

[Thalinor]

Sorry its taken a while to get back to you, if you look above at the screen shot that’s what I want it to look like, it currently looks like the Image below.

Please look at the screen shot I posted in the FIRST POST as that’s the way it used to look and the way I would like it to look. Again, the screen shot below is how it looks now after updating and clearing my custom header.css, which you guys helped me fix over a year ago. Again, I had a backup but it was lost. I realize every time I update the theme I have to replace the header.css with my backup because it will delete the custom CSS added to make the banner full screen.

Attachments:

You must be logged in to view attached files.

[Thalinor]

Just so we are 100% clear, the screen shot below (I will post it again) is how I WANT IT TO LOOK.

This forum doesn’t allow me to look for posts over 1 year ago or I would have just looked at my original support request where you posted a fix by having me edit the header.css file.

If you can provide me with something I can add to the themes CUSTOM CSS part instead of having to edit the header.css it would be great; this way I would not have to edit Header.css every time there is an update.

I have edited this post to attach our banner logo too, Again, I would like the banner full screen (the way it was before I updated the form and overwrote the header.css file) with the menu and search right justified under the banner as in the original posts screen shot and the one I have posted here in this post.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please try to use this custom css code:-
`div#logo.span12{width:100%;}
#nav-section{width:100%; margin-left:0;}
`

Thanks 🙂
With Best Regards
Swift Ideas

[Thalinor]

Mohammad,

Thank you for the fix, we’re half way home with the problem. I have attached another screen shot to explain whats going on. As you can see the menu (with the search) is now exactly where we need it to be so that part is fixed, but the banner refuses to go full screen. I have edited it so its longer but the theme just shrinks it back to end right where the other menu below begins. Before I was able to have it full width of the website with the menu below where it is now. I tried to change the span but it did nothing.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Add this:

#header-section #logo.span8 {
  width: 100%;
}

– Kyle

[Thalinor]

Kyle,

Thank You! That fixed the issue!

Take Care,
Jonathan

For anyone else who runs into this thread looking to do the same thing, I had to modify the first support reply and remove ” characters to get it working. The correct code looks like:

div#logo.span12{width:100%;}
#nav-section{width:100%; margin-left:0;}

#header-section #logo.span8 {
width: 100%;
}

[Kyle – SUPPORT]

No problem 🙂

– Kyle