Title: 2016 theme header Last modified: August 31, 2016 --- # 2016 theme header * [fitforpurposegolf](https://wordpress.org/support/users/fitforpurposegolf/) * (@fitforpurposegolf) * [10 years, 4 months ago](https://wordpress.org/support/topic/2016-theme-header/) * Hi, * First post and first week on wordpress.org after moving from .com * I would like to just move my header on my site to the top and the menu sit underneath it. I can’t seem to find the code to do this in my theme and don’t have enough coding experience to do it myself. * my site is [http://www.fitforpurposegolf.com](http://www.fitforpurposegolf.com) * I understand about child themes but want to just update this one thing until I decide on getting a template designed to use. * Thanks in advance. * Stephen Viewing 15 replies - 1 through 15 (of 16 total) 1 [2](https://wordpress.org/support/topic/2016-theme-header/page/2/?output_format=md) [→](https://wordpress.org/support/topic/2016-theme-header/page/2/?output_format=md) * [tech55541](https://wordpress.org/support/users/tech55541/) * (@tech55541) * [10 years, 4 months ago](https://wordpress.org/support/topic/2016-theme-header/#post-6953792) * Hello, Try this CSS code. * ``` .site-branding, .site-header-menu, .header-image { margin-bottom: 90px; margin-top: -80px; } ``` * Thanks. * Thread Starter [fitforpurposegolf](https://wordpress.org/support/users/fitforpurposegolf/) * (@fitforpurposegolf) * [10 years, 4 months ago](https://wordpress.org/support/topic/2016-theme-header/#post-6953826) * Tech, * Thank you. Where abouts do I add that code. I know how to get into header php just not sure which line this replaces. * Thank you * stephen * [tech55541](https://wordpress.org/support/users/tech55541/) * (@tech55541) * [10 years, 4 months ago](https://wordpress.org/support/topic/2016-theme-header/#post-6953827) * Hello, Please add the CSS either in a child theme or a custom CSS plugin. I like the plugin the best, [https://wordpress.org/plugins/simple-custom-css/](https://wordpress.org/plugins/simple-custom-css/) Child themes: [https://codex.wordpress.org/Child_Themes](https://codex.wordpress.org/Child_Themes) * Thanks. * Thread Starter [fitforpurposegolf](https://wordpress.org/support/users/fitforpurposegolf/) * (@fitforpurposegolf) * [10 years, 4 months ago](https://wordpress.org/support/topic/2016-theme-header/#post-6953829) * Thank you. I will get on it tomorrow. * Stephen * [tech55541](https://wordpress.org/support/users/tech55541/) * (@tech55541) * [10 years, 4 months ago](https://wordpress.org/support/topic/2016-theme-header/#post-6953830) * You are welcome. Keep us posted please. 🙂 * Thread Starter [fitforpurposegolf](https://wordpress.org/support/users/fitforpurposegolf/) * (@fitforpurposegolf) * [10 years, 4 months ago](https://wordpress.org/support/topic/2016-theme-header/#post-6953903) * That’s better thank you but not exactly what I was thinking sorry. Now I would like to get the menu below the header if you could help with that code? * Stephen * [tech55541](https://wordpress.org/support/users/tech55541/) * (@tech55541) * [10 years, 4 months ago](https://wordpress.org/support/topic/2016-theme-header/#post-6953939) * Hello, Hope you are good today. * Try this CSS code. * ``` .main-navigation .menu-item-has-children > a { margin-right: 56px; } .main-navigation a { margin-right: 30px; margin-top: 30px; } ``` * Now you need to **remove** this style declaration. This can be found on line 2037 * ``` .main-navigation .menu-item-has-children > a::after { right: 0.625em; top: 0.8125em; } ``` * Please let me know if this works for you. Thanks. * Thread Starter [fitforpurposegolf](https://wordpress.org/support/users/fitforpurposegolf/) * (@fitforpurposegolf) * [10 years, 4 months ago](https://wordpress.org/support/topic/2016-theme-header/#post-6953965) * I have struggled to find the code on 2037 to remove. Do I do that in appearance- editor ? * which template? also is there a view that numbers each line of code which makes it easier to find line 2037? * Stephen * [tech55541](https://wordpress.org/support/users/tech55541/) * (@tech55541) * [10 years, 4 months ago](https://wordpress.org/support/topic/2016-theme-header/#post-6953966) * Hello, Hope you are well. * In file style.css copy in to a notepad document and go to line 2037. That should get you close to what you need. * The other option is to copy in to word and find the specific CSS I outlined above. * Thanks. * [stephencottontail](https://wordpress.org/support/users/stephencottontail/) * (@stephencottontail) * [10 years, 4 months ago](https://wordpress.org/support/topic/2016-theme-header/#post-6953967) * Don’t edit the theme’s files directly, as you’ll lose those changes if the theme is ever updated in the future, to fix bugs or security issues or to add new features. * But I’m not entirely sure why you need to remove that code to begin with. It doesn’t seem like it has any bearing on whether your menu is above or below your header. * [tech55541](https://wordpress.org/support/users/tech55541/) * (@tech55541) * [10 years, 4 months ago](https://wordpress.org/support/topic/2016-theme-header/#post-6953970) * Hello [@stephencottontail](https://wordpress.org/support/users/stephencottontail/), Hope you are well. * Those CSS values need to be removed so the arrow for the sub menus does not float above the links. Removing these values will make the arrow align with the sub menus. * [@stephencottontail](https://wordpress.org/support/users/stephencottontail/) is right, you should not edit files directly. You should use a child theme if at all possible. [https://codex.wordpress.org/Child_Themes](https://codex.wordpress.org/Child_Themes) * Thanks. * [stephencottontail](https://wordpress.org/support/users/stephencottontail/) * (@stephencottontail) * [10 years, 4 months ago](https://wordpress.org/support/topic/2016-theme-header/#post-6953973) * [@tech55541](https://wordpress.org/support/users/tech55541/): I get that, but I didn’t see how the arrow’s position was related to the position of the menu itself. Maybe I just didn’t get it because all the CSS wasn’t there yet. * [tech55541](https://wordpress.org/support/users/tech55541/) * (@tech55541) * [10 years, 4 months ago](https://wordpress.org/support/topic/2016-theme-header/#post-6953974) * Hey there, It is fine. That is why I use a web inspector before giving code, just to make sure it is correct. * Thanks. * Thread Starter [fitforpurposegolf](https://wordpress.org/support/users/fitforpurposegolf/) * (@fitforpurposegolf) * [10 years, 4 months ago](https://wordpress.org/support/topic/2016-theme-header/#post-6954016) * Couldn’t seem to get that to do what I was trying. I followed instructions carefully but the menu remained above the header image. * Think I will just live with it for now as i can’t give over more time to it really. * Many thanks for all your help though. * Stephen * [tech55541](https://wordpress.org/support/users/tech55541/) * (@tech55541) * [10 years, 4 months ago](https://wordpress.org/support/topic/2016-theme-header/#post-6954017) * Hello, Try adding `!important! right before the semicolon and see if that changes anything. * Thanks, have a good one. Viewing 15 replies - 1 through 15 (of 16 total) 1 [2](https://wordpress.org/support/topic/2016-theme-header/page/2/?output_format=md) [→](https://wordpress.org/support/topic/2016-theme-header/page/2/?output_format=md) The topic ‘2016 theme header’ is closed to new replies. ## Tags * [2016 theme](https://wordpress.org/support/topic-tag/2016-theme/) * 16 replies * 3 participants * Last reply from: [tech55541](https://wordpress.org/support/users/tech55541/) * Last activity: [10 years, 4 months ago](https://wordpress.org/support/topic/2016-theme-header/page/2/#post-6954019) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics