I would like the header size (height) was bigger to put a logo greater.
That css changes I have to do?
http://dev1.escalamas.com/erika
Thank you!
Xavier.
I also like that the logo “eat” part out of your section and appeared as “floating”.
eg http://www.nanaenanacakes.com
How to do it?
Thank you!
Xavier.
Hi Xavier,
To make the header taller, apply this CSS:
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a{
height: 150px;
line-height: 150px;
}
To move the logo, this will do it, remember to change it to an image with a solid background color
.logo.bg-logo{ top: 50px; }
Regards,
Josue
Hi Josue, to make the header taller runs perfect but what I want also is to have the menu and submenu nearby, not to start the submenu in the next section, as it is a fairly ugly.
the logo does not move whith this css modificatio. I like to have it centered vertically in the header-main area and, if possible, that would overlap on the next section (is an effect that is very nice with a logo with a transparent background).
Thank you!
Xavier.
any response please?
Thanks!!
Xavier.
Hola Xavier,
Try this code:
.logo{ top: 80px; position: relative; background: #ffd2d3; padding: 20px; height: auto; }
The result:
Regards,
Josue
Hi josue, this effect is fantastic, thanks so much¡!!!
xavier.
Glad we could help Xavier. Let us know if you have any other questions or issues :)
Regards,
Josue