I am an independent WordPress web consultant with 10 years of experience in WordPress theme installation, customization, administration, maintenance, support, documentation, troubleshooting and PSD/design to WP.
Hi Sridhar,
Firstly, thank you very much for your posts, they have helped a lot setting up my wordpress page!
Are you able to provide any advice on how to enable scrolling on the header while it is on the left? The content area and primary sidebar both scroll but there are menu options not visible for me in the left header when it is fixed.
Great post! Thank you! Having a couple of issues. Site is: http://coppermillkitchen.us/wordpress/
When my browser window gets to about a width of 1300, a dark grey bar appears on the right. Any idea how to fix that? Also I would love for the menu to be centered across the top. Is that possible? Thanks so much! Ellie
In terms of the grey line, I ended up making the content width wider and it disappeared. Is there a dark grey background somewhere in there behind the content area that I could get rid of? Make transparent? You are a LIFE SAVER!!!!
I hope you don’t mind… one more question. I used images for my menu. But when I hover over them, they are black. Any idea how to fix that? I was able to change the background color of the submenu but I am totally stuck on how to fix this. YOU ARE AWESOME! THANK YOU!
Hello again! I think this is my last question and I sincerely cannot thank you enough. I am trying to put a widget area (where the social media icons are) up and to the right of the logo in the header. Any idea what I am doing wrong? Thank you thank you thank you!!!!! http://coppermillkitchen.us/wordpress/
thanks for the post. Very useful indeed. I have a question regarding the avatar and title. To safe some vertical space in the header, I would like avatar and site title (Genesis Test Site in your case) to be inline, so the avatar is positioned left of the title (+ tagline). Any hints were how to do this? Thanks in advance! Alex
Thanks for this helpful fix. I did indeed apply it and the left section is at the top now.
I am wondering however how the menu items across the top of your second screenshot, “Home,” “Sample,” “Layouts,” etc. appear.
I noticed they are not in your first screenshot. Can you say how you made them appear? I am struggling to display such heading titles or menus across the top of my page, arranged horizontally, as in your example.
Great Post! Can I just do the opposite of these steps using the sample child theme to get a side header navigation? I like the horizontal menu using the header. In your opinion, what’s the best way to do this?
Hi, Sridhar. Could you help me with changing the entries headline font family in Sixteen Nine Pro theme? When I go to ‘appearance’ -> ‘personalization’ and change font for H1 and H2 – it all stays as the originall. Is there any other way to change this font family? Sorry if my english is bad. And thanks in advance.
Hi Sridhar,
Firstly, thank you very much for your posts, they have helped a lot setting up my wordpress page!
Are you able to provide any advice on how to enable scrolling on the header while it is on the left? The content area and primary sidebar both scroll but there are menu options not visible for me in the left header when it is fixed.
Thank you!
Kate
In style.css .site-header from fixed to relative… position: relative;
Great post! Thank you! Having a couple of issues. Site is: http://coppermillkitchen.us/wordpress/
When my browser window gets to about a width of 1300, a dark grey bar appears on the right. Any idea how to fix that? Also I would love for the menu to be centered across the top. Is that possible? Thanks so much! Ellie
Can you show a screenshot of the problem?
Add this CSS:
.site-header {text-align: center;
}
.nav-header {
display: table;
margin: 0 auto;
}
The centering WORKED! You are a genius!
In terms of the grey line, I ended up making the content width wider and it disappeared. Is there a dark grey background somewhere in there behind the content area that I could get rid of? Make transparent? You are a LIFE SAVER!!!!
I hope you don’t mind… one more question. I used images for my menu. But when I hover over them, they are black. Any idea how to fix that? I was able to change the background color of the submenu but I am totally stuck on how to fix this. YOU ARE AWESOME! THANK YOU!
Sorry, figured the hover issue out. 🙂
Hello again! Somehow I ended up with two menus. I only want the bottom one. Can you help me remove the top one? You are THE best! Thank you! Ellie
http://coppermillkitchen.us/wordpress/
Sorry I figured this out. Thanks!
Hello again! I think this is my last question and I sincerely cannot thank you enough. I am trying to put a widget area (where the social media icons are) up and to the right of the logo in the header. Any idea what I am doing wrong? Thank you thank you thank you!!!!! http://coppermillkitchen.us/wordpress/
Hi Sridhar,
thanks for the post. Very useful indeed. I have a question regarding the avatar and title. To safe some vertical space in the header, I would like avatar and site title (Genesis Test Site in your case) to be inline, so the avatar is positioned left of the title (+ tagline). Any hints were how to do this? Thanks in advance! Alex
Thanks for this helpful fix. I did indeed apply it and the left section is at the top now.
I am wondering however how the menu items across the top of your second screenshot, “Home,” “Sample,” “Layouts,” etc. appear.
I noticed they are not in your first screenshot. Can you say how you made them appear? I am struggling to display such heading titles or menus across the top of my page, arranged horizontally, as in your example.
Many thanks,
Greg
Great Post! Can I just do the opposite of these steps using the sample child theme to get a side header navigation? I like the horizontal menu using the header. In your opinion, what’s the best way to do this?
Finally I found this! I’m sorry for asking without searching first. Thank you so very much, Sir. You are the best!
Hi, Sridhar. Could you help me with changing the entries headline font family in Sixteen Nine Pro theme? When I go to ‘appearance’ -> ‘personalization’ and change font for H1 and H2 – it all stays as the originall. Is there any other way to change this font family? Sorry if my english is bad. And thanks in advance.