[TiberiusJim]

I am looking for a way to reduce the height of the header image so the user doesn’t have to scroll down to see that there is content below the header. I believe this is possible to do via the Additional CSS menu but am not sure what to input. My website is nr2003.jhodgedesign.com

Also, how can I make the text of my menu items a different color when the user is on a page. For example when the user is on the Downloads page the menu text is pink. I’d like to change that color. Thanks!

[Skandha]

@tiberiusjim: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

/* To reduce the height of header image */
.has-header-image .custom-header-media .wp-custom-header img {
    display: none !important;
}
.has-header-image.home .custom-header, .has-header-image.home .custom-header-media {
	height: 50vh !important;
}

/* To change the menu item color of cureent page item */
.main-navigation .current-menu-item > a {
    color: #ffff5f;
}

You can change the height and color according to your choice.
Let me know if this works out!
Kind Regards,
Skandha

[TiberiusJim]

That worked perfectly, thank you!

[Skandha]

@tiberiusjim: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/audioman/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts