Hi,

I made the width of the theme 960px and tried adding a logo (which I would use as a header image) of 960 pixels but the theme seems to reduce the size and leaves a black border to the top and sides.

Is there any way to allow the logo to 100% fill the top region?

Please see screenshot attached.

Thanks,

Ray Smith

P.S. Theme looks great so far.

CommentFileSizeAuthor
#2 header.png436.34 KBDanny Englander
gratis_header_issue.jpg60.95 KBray_223
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Danny Englander’s picture

Danny Englander
(he/him)
CreditAttribution: Danny Englander commented
Assigned: Unassigned » Danny Englander

Hi Ray, this is a great idea. I am thinking I'll roll it in as a full width header logo / banner UI setting. I think right now, it does not work as there is some padding and margins there.

Danny Englander’s picture

Danny Englander
(he/him)
CreditAttribution: Danny Englander commented
FileSize
header.png436.34 KB

I took a look at this and I think the best way to accomplish this is to make a custom block and set it to the "top links" region. The in the theme settings UI, uncheck logo, slogan and site name. Then in the custom block, adjust some css so that it takes up the full width and height. As an example, here is what I did but your code may vary. 

div#block-block-4 {
margin: 0;
}
.region.region-top-links p {
margin: 0;
padding: 0;
}
.l-top-wrapper.l-setwidth {
margin: 0;
padding: 0;
}

You can put this css in a local css or sub-theme.

custom header

Danny Englander’s picture

Danny Englander
(he/him)
CreditAttribution: Danny Englander commented
Status: Active » Fixed

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.