Increasing allowable size for Title Heading

  • Unknown's avatar
    spmancuso · Member ·

    We’re using the Sight theme. The heading title is constrained to a space of 580×160 pixels. That size accommodates a secondary menu to the right of the site title. But we are not using the secondary menu, so our heading area looks partially blank. Is there a way to increase the allowable size for the title heading?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    designsimply · Member ·

    The width for the site title area is setup as a percentage in the Sight theme. You can change the width to something larger, such as 95% using something like this:

    .site-header .header-link {
	background: url(http://redlegnation.files.wordpress.com/2014/02/cropped-blacktitle.png) no-repeat;
	background-size: contain;
	width: 95%;
	min-height: 160px;
}

.site-header hgroup {
	background: none;
}

    What this does is override the built in header feature in the settings and manually sets up the header image using custom CSS. Then the background-size:contain rule makes it stay inside it’s container area which has been increased to 95% in the example above.

    Note that the extra space on the right is to keep the search widget from overlapping the header image at smaller screen sizes (such as tablets), so if you make this change then the search box could overlap the header on some devices.

  • Unknown's avatar
    spmancuso · Member ·

    Thanks. That worked perfectly. Appreciate the help.

  • Unknown's avatar
    designsimply · Member ·

    Excellent!

    http://redlegnation.wordpress.com/ looks great btw! I love the background image you picked.

  • The topic ‘Increasing allowable size for Title Heading’ is closed to new replies.