Modern Portfolio Header Height

Community Forums Forums General Discussion Modern Portfolio Header Height

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  braddalton 6 months, 1 week ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #66562

    jdom1023
    Participant
    Post count: 7

    I’ve searched the forums but didn’t see anything that would show me how to decrease the header height in the Modern Portfolio theme. Anybody know how to accomplish this?

    Thanks for any help.

    Kindest Regards,
    Dominic

    http://521group.com
    #66581

    braddalton
    Participant
    Post count: 7458

    Line 40 of your child themes functoons file includes this code which determines the height and width for uploading a custom header image:

    // Add support for custom header
    add_theme_support( 'genesis-custom-header', array(
    	'width' => 1152,
    	'height' => 120
    ) );
    

    if you’re not adding a smaller image, you won’t need to modify the code above.

    What you can do is go to your child themes style.css file and modify the height values:

    .header-full-width #title,
    .header-full-width #title a,
    .header-full-width #title-area {
    	width: 100%;
    }
    
    .header-image #title,
    .header-image #title a,
    .header-image #title-area {
    	display: block;
    	float: left;
    	min-height: 120px;
    	overflow: hidden;
    	text-indent: -9999px;
    }
    
    .header-image #title,
    .header-image #title a {
    	width: 100%;
    }
    

    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.