Hi there,
I would like to have the current header on http://trullitalily.com/testpage thinner. I have tried all sorts of options but have come into problems.
1 – the logo has become really small – is there a way to anchor the logo size? At the moment it’s too small.
2 – I can’t find the correct files or quick CSS options to alter the header to make it thinner without causing major issues like all the menu items disappering etc
As always your help would be much appreciated!
Silvio
Hey silviouk!
Can you please post the changes that you made? You can change the height of the header using this on your custom.css or Quick CSS:
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a {
height: 116px;
line-height: 116px;
}
Adjust the height and the line-height.
Regards,
Ismael
Thanks, this works to a point, as I mentioned the logo then goes smaller too which is not how I want it to look – http://trullitalily.com/boo
Please advise
Hi!
Please flush browser cache and refresh your page a few times. Your logo is not resizing when scrolled down on my end.
Regards,
Yigit
Hi thanks. I don’t want it to go smaller when scrolling as the header is fixed, I just need it bigger where it is…
Hey!
Please add following code to Quick CSS as well
.logo, .logo a, .logo img { width: 300px!important; height: 105px!important; max-width:300px!important; }
That should do it, if it does not, please create a temporary admin login and post it here privately so we can take a look at it
Cheers!
Yigit