Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #644004
    #644101

    Hey mofix,

    go to Enfold->Header->Header Size

    Best regards,
    Andy

    #644119

    Hi Andy,
    Thanks again! I’ve been testing back and forward, sorry!!
    But now the logo size get so small. How to get logo larger and overlap more even if header is smaller?
    Kindly regards, Mathilde

    #644744

    Hi,

    use this code inside Quick CSS field:

    .logo img {
    max-height: 115px !important;
    }
    

    and adjust as needed.

    Best regards,
    Andy

    #644878

    Hi Andy,
    Thanks a lot for quick answer. It seems like the logo is stuck together With the height of the header some how. Even if I change the max-height, it doesn’t change from max 90px in height when I inspect the element.
    https://www.dropbox.com/s/h2hi2si9icysgbj/logo.jpg?dl=0
    Kindly tegards, Mathilde

    #644880

    Hi,

    then also add a height value to it:

    .logo img {
    height: 115px !important;
    max-height: 115px !important;
    }
    

    and adjust as needed.

    Best regards,
    Andy

    #644893

    Thanks a lot. Now the logo size is Perfect, but it doesn’t shrink now on scroll.
    Kindly regards, Mathilde

    #644896

    PS

    #645982

    Hi,

    Add this below the previous code:

    .header-scrolled .logo img {
        height: 63px !important;
        max-height: 63px !important;
    }

    I’m not sure why but the site feels a little heavy.

    Best regards,
    Ismael

    #646122

    Hi Ismael,
    THANKS! That did the trick :-)))
    Yes, the site starts to get heavy, I have to look at what it can be. I’ve installed the WPML plugin, don’t know if that’s heavy, or if it’s the panels with menu and booking? I will test it out.
    Regarding the mobile Version, I have disabeled the logo and “reserver bord”, is it possible to have the logo maybe on the right side that overflows like on desktop but is smalller for mobiel? That would be awsome!
    Kindly regards, Mathilde

    #646429

    Hi,

    try this code for your logo on mobile:

    @media only screen and (max-width: 767px) {
    .responsive .logo {
    display: block !important;
    float: right !important;
    margin-right: -200px !important;
    }}
    .header-scrolled .logo img {
    height: 40px;
    }
    

    and adjust as needed.

    Best regards,
    Andy

    #646539

    Fantatsic!!! It Works fine now! Thank you sooo much for great help and service!! You’re the best!!
    Best regards, Mathilde

    #646612

    Hi,

    Glad we could help!

    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold!

    Best regards,
    Vinay

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Header just like enfolds own header’ is closed to new replies.