nav bar out of position only on blog page different header
-
WP v.3.7.4
Blank custom theme
http://www.gracechurchhouston.comAll pages have same header but i wanted the blog page to have a unique header. When i added it, nav bar dropped out of alignment. I can see that the nav 200px top margin is below page top but the nav CSS settings work for all other pages. Can you see what is causing the nav to drop lower on the blog page only? Probably something simple I’m missing (I hope).
Thanks…
-
Not an expert in CSS, but the only difference I could spot is the background image used for the nav bar
http://gracechurchhouston.com/wp-content/themes/BLANK-Theme/images/back-grad-nav-1px.jpg
http://gracechurchhouston.com/wp-content/themes/BLANK-Theme/images/nav-slice.jpg
Thank you.. i checked out the images and deleted the extra one. I think it helped me. Still trying to get the blog page to display correctly with it’s unique header. I appreciate your help noticing that image thing.
Thanks again.… blog page to have a unique header. When i added it …
how did you do that?
what exact edits to what theme files did you make?you might simply have broken some code; http://validator.w3.org/check?uri=http%3A%2F%2Fgracechurchhouston.com%2Fblog%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
http://codex.wordpress.org/Validating_a_Website
for instance, there is an unclosed html img tag in the code.
i created a new file called “header-blog” and had the posts page “call” that header. I am working on a completely blank custom theme so i am not editing any WP theme. In a web class last fall, we created our whole in html and then inserted the code in the proper places after setting up a blank theme in a WP site using the Editor. I still need to put that header on the single post page.
Thank you for the validation check. I will go through and check the errors. However i tried to correct the errors on line 50 but it messed up the placement of elements on all pages. Still working through the errors.
http://www.gracechurchhouston.coma new file called “header-blog”
what is the exact full code of that file?
You need the code for what exactly?
You need the code for what exactly?
to check for obvious errors.
Still trying to get the blog page to display correctly with it’s unique header.
or is that question resolved?
oh sorry.. i knew you weren’t supposed to paste code in here and wasn’t sure the proper way to do it.
However the header on the blog page is now appearing correctly after i made some CSS (and other) adjustments.
http://www.gracechurchhouston.comI’m going to use your validation link to go through and check my code.
Currently the issue is that the gradient bar behind the nav links is not always displaying on each page in Chrome. Doing a refresh (F5 and Ctrl+F5) produces different effects but in Firefox they always come up properly. So not sure what’s going on there… if you have any thoughts on that?
Thanks for your help.you are allowed and encouraged to post relevant code here; just for large amounts, you are asked to use the pastebin;
I’ll check out pastebin. Haven’t used it before.
Any ideas on the refresh issue in different browsers? That may be too general of a question.
on my laptop (Windows Vista) with the latest Chrome and Firefox, there is no problme to display the nav bar gradient background.
have you tried to check in different computers?
Oh that’s great to know. Thanks for checking it. Must be a temporary glitch. I’ll move on to other more serious issues and mark this resolved for now. I appreciate your help very much. I’m sure i’ll be posting other questions soon. 🙂
- The topic ‘nav bar out of position only on blog page different header’ is closed to new replies.