Title: header/footer script Last modified: September 1, 2016 --- # header/footer script * Resolved [nonamer](https://wordpress.org/support/users/localgreeneats/) * (@localgreeneats) * [9 years, 10 months ago](https://wordpress.org/support/topic/headerfooter-script/) * Hoping someone can help me solve this. * I have a header at the top of my pages. I would like it to do the following: 1. show only on the blog-category page 2. reverse its position as the top header as second header. (Switch it’s position with the green menu bar- header. * I can’t figure out what class it is designated as to make the css do what I want. * my website: [http://www.localgreeneats.com](http://www.localgreeneats.com) * Thanks for all the help * (I’ve looked for days to find a header that will do precisely this so since I’ve finally found something that is easy enough to add, I want to add the proper code in my stylesheet to correct the issues.) Viewing 9 replies - 1 through 9 (of 9 total) * [jitendraamishra](https://wordpress.org/support/users/mishrajitu/) * (@mishrajitu) * [9 years, 10 months ago](https://wordpress.org/support/topic/headerfooter-script/#post-7610248) * You need to tweak HTML of that top header first before i would be able to suggest CSS for what you want to do. Wrap up all the HTML( from local Green Eats” to “ If you see a dish…”) for the top header in a
with an unique ID to it. Then we can write CSS for hiding it on other pages that blog ans swapping position with the green header. * Thread Starter [nonamer](https://wordpress.org/support/users/localgreeneats/) * (@localgreeneats) * [9 years, 10 months ago](https://wordpress.org/support/topic/headerfooter-script/#post-7610276) * Surya, thank you for the tip. * Is this what you mean? * ```

local Green Eats

Eat Fresh, Eat Healthy, Eat WellIMG_3893

The blog will feature tried and true recipes from our kitchen. Additionally, we will seek out the best versions of recipes served in restaurants and recreate them in our home in order to share the secrets of signature dishes with you.

If you see a dish you want in your weekly menu, let us know.

``` * Thread Starter [nonamer](https://wordpress.org/support/users/localgreeneats/) * (@localgreeneats) * [9 years, 10 months ago](https://wordpress.org/support/topic/headerfooter-script/#post-7610277) * I inserted this in the actual plugin- header- section, is that correct? * [jitendraamishra](https://wordpress.org/support/users/mishrajitu/) * (@mishrajitu) * [9 years, 10 months ago](https://wordpress.org/support/topic/headerfooter-script/#post-7610294) * Hello, * Have you used a plugin for the header? * If not, then you need to go to Appearance > Editor > header.php and look for both the menu codes inside that. You can find the codes somewhere below the tag. You just need to swap them if you have some knowledge about code editing. * Thank you. * Thread Starter [nonamer](https://wordpress.org/support/users/localgreeneats/) * (@localgreeneats) * [9 years, 10 months ago](https://wordpress.org/support/topic/headerfooter-script/#post-7610300) * Yes for this actual header, I am using header-footer-script plugin. Since it is a plugin, will it be okay to swap out old code for this? (I am hoping I don’t break my site.) * I am familiar with CSS and a little with HTML and not at all with php. * Do I add the code I posted in the header.php? * [jitendraamishra](https://wordpress.org/support/users/mishrajitu/) * (@mishrajitu) * [9 years, 10 months ago](https://wordpress.org/support/topic/headerfooter-script/#post-7610321) * Hello, * The code you have mentioned above will break the site if you add it under header. php file. You need to add this under the plugin you are using to see if it works. * But I think the code you have mentioned above needs some adjustment. This is not how the code should be. * Thank you. * Thread Starter [nonamer](https://wordpress.org/support/users/localgreeneats/) * (@localgreeneats) * [9 years, 10 months ago](https://wordpress.org/support/topic/headerfooter-script/#post-7610322) * I imagined that to be the case. Once the code is added to the header, can I make changes in CSS for the header to show only on one page? Also, how do I switch its position with my menu bar? * [jitendraamishra](https://wordpress.org/support/users/mishrajitu/) * (@mishrajitu) * [9 years, 10 months ago](https://wordpress.org/support/topic/headerfooter-script/#post-7610325) * I can see that is done already. But just on the blog page the content is overlapping a bit. You can add following CSS to fix that. * ``` .header-content { margin-top: 65px; } ``` * Thread Starter [nonamer](https://wordpress.org/support/users/localgreeneats/) * (@localgreeneats) * [9 years, 10 months ago](https://wordpress.org/support/topic/headerfooter-script/#post-7610328) * I was able to solve this on my own, with display none tags for all other pages. For the blog page, I wrote this which works: * header-content{ top: 0; position: fixed; } Viewing 9 replies - 1 through 9 (of 9 total) The topic ‘header/footer script’ is closed to new replies. ## Tags * [header](https://wordpress.org/support/topic-tag/header/) * [plugin help](https://wordpress.org/support/topic-tag/plugin-help/) * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 9 replies * 2 participants * Last reply from: [nonamer](https://wordpress.org/support/users/localgreeneats/) * Last activity: [9 years, 10 months ago](https://wordpress.org/support/topic/headerfooter-script/#post-7610328) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics