Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #272836
    TiberiusJim
    Participant

    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!

    #272874
    Skandha
    Participant

    @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

    #272985
    TiberiusJim
    Participant

    That worked perfectly, thank you!

    #273006
    Skandha
    Participant

    @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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Reduce header image height & menu color’ is closed to new replies.