Increase logo size in Commerce Kickstart theme

Posted by candi on November 10, 2012 at 9:01pm

I am a newbie to html, css, drupal etc. I am also just learning to use firebug.

I am sub-theming the commerce kickstart theme.

I placed a logo file that is bigger than the logo that came with the template and it looks good, except it has added a lot of space between the branding zone and menu.

Can someone please give me a step by step relevant to the commerce kickstart theme to fix this problem?

Thank you so much!

Comments

=-=

Posted by VM on November 10, 2012 at 11:13pm

link to site so that those who can help don't have to install the theme and guess at the logo size in question?

link

Posted by candi on November 11, 2012 at 3:39pm

www.freelance-graphic-designer.us/barmaiddev1/#

Candi

=-=

Posted by VM on November 11, 2012 at 4:53pm

the spacing (at least in part) is generated by the margins in the following definitions: You don't give any indication on where you want the menus to wind up so I'm winging it. some of the following are in your subtheme stylesheet overriding the defaults and some are not. you will have to perform the task of sorting that out with firebug or chromes developer tools.

change from:

.navigation {
background: transparent;
display: block !important;
margin: 26px 0;
padding-bottom: 0;
}

change to:

.navigation {
background: transparent;
display: block !important;
padding-bottom: 0;
margin: 0;
}

change from:

.zone-branding .region-branding {
margin: 50px 0 15px 0;
}
}

change to:

.zone-branding .region-branding {
margin: 50px 0 0 0;
}

change from:

.navigation .primary-menu ul, .navigation .second-menu ul {
margin: 26px 0px;
}

change to:

.navigation .primary-menu ul, .navigation .second-menu ul {
margin: 0;
}

The above should result in this