Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #29651

    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.

    #141188

    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.

    #141189

    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

    #141190

    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.

    #161754

    any response please?

    Thanks!!

    Xavier.

    #161970

    Hola Xavier,

    Try this code:
    .logo{ top: 80px; position: relative; background: #ffd2d3; padding: 20px; height: auto; }

    The result:

    Regards,
    Josue

    • This reply was modified 11 years, 2 months ago by Josue.
    #162004

    Hi josue, this effect is fantastic, thanks so much¡!!!

    xavier.

    #162005

    Glad we could help Xavier. Let us know if you have any other questions or issues :)

    Regards,
    Josue

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘header bigger’ is closed to new replies.