Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 8, 2016 at 10:34 pm #562218
    der_velli

    Hi

    should be easy, but i cant find it (??)

    i need a heigher logo height – for desktop and responsive with sticky header.
    who can i fix the many “max-height” definitions an set the logo area to e.g. 150px and scrolled sticky header to e.g. 80px

    cheers
    alex

    January 9, 2016 at 9:22 am #562383
    Rikard

    Hey Alexander,

    You will need custom CSS for that, could you provide us with a link to the site in question so that we can take a closer look please?

    Thanks,
    Rikard

    January 24, 2016 at 6:17 pm #570836
    der_velli

    Sorry for the late answer – i had some other projects with higher priority ;-)

    January 26, 2016 at 8:43 am #571943
    Ismael

    Hi!

    You can set the height of the header on Enfold > Header > Header Layout > Header Size. Set it to custom pixel value then set the height.

    Regards,
    Ismael

    January 26, 2016 at 11:24 am #572022
    der_velli

    hi ismael
    thank you. This works fine for the default header, but not for the shrinked header. how can i set the height for the shrinked header?

    regards alex

    January 27, 2016 at 9:30 am #572690
    Ismael

    Hey!

    Add this in the Quick CSS field:

    .header-scrolled #header_main > .container, .header-scrolled .logo, .header-scrolled .logo a img, .header-scrolled .logo a {
    max-height: 88px !important;
    height: 88px !important;
    line-height: 88px !important;
}

    Adjust the values as needed.

    Best regards,
    Ismael

    January 27, 2016 at 1:18 pm #572829
    der_velli

    Hi Ismael.

    Thanks, that works. But it needs also a padding fixing:

    padding-left:0; (otherwise the logo move right)
    padding-bottom:0; (needs space to the navigation bar, or logo will be cut)

    best regards
    alex

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Define the height of the logo area for desktop and responsive’ is closed to new replies.