Logo space bigger

Hi,

I would like to know how to "expand" the logo position, I would like to make the space bigger to put a big logo.

Same thing when I srcool and the menu appear with the logo, I would like a bigger space.

Thank you.

Could you please post an url to your site?

www.wcmecanizados.com

Currently you are using text logo. To increase its width/height on top of the page Please edit: /templates/gk_john_s/css/override.css and add at its end:

Code: Select all

#gkLogo.text > span {
font-size: 56px;
line-height: 45px;
}


Please modify the numbers to suit your needs.

To modify logo in sticky header, use this code:

Code: Select all

#gkLogoSmall.text > span {
font-size: 25px;
line-height: 39px;
}


Now to increase entire sticky header height, use this code:

Code: Select all

#gkTop, #gkTop > div {
height: 52px;
}


Remember to enable "CSS override" in template settings - advanced section.

HI,

If it was a "image logo" which code should use.

Thank you.

Please change your logo type to an image logo, then I'll provide correct override to make it bigger.

ok,

Its done

www.wcmecanizados.com

Hello,

Please open file css/template.css and please replace:

Code: Select all

#gkHeader #gkLogo {
left: 14%;
position: absolute;
top: 90px;
z-index: 1;
}

to:

Code: Select all

#gkHeader #gkLogo {
left: 14%;
position: absolute;
top: 32px;
width: 200px;
z-index: 1;
}

Hi there
I am trying to change the logo but in versions of tablets and phones, the logo retains its original size. It does not fit.

I installed it on my LocalServer the QuickStart.

Someone can help me?

You can always override the logo size in the tablet.css file.