Tagged: , , , , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • June 7, 2016 at 12:32 pm #644004
    June 7, 2016 at 2:38 pm #644101
    Andy

    Hey mofix,

    go to Enfold->Header->Header Size

    Best regards,
    Andy

    June 7, 2016 at 3:07 pm #644119
    mofix

    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

    June 8, 2016 at 12:01 pm #644744
    Andy

    Hi,

    use this code inside Quick CSS field:

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

    and adjust as needed.

    Best regards,
    Andy

    June 8, 2016 at 3:12 pm #644878
    mofix

    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

    June 8, 2016 at 3:17 pm #644880
    Andy

    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

    June 8, 2016 at 3:28 pm #644893
    mofix

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

    June 8, 2016 at 3:30 pm #644896
    mofix

    PS

    June 10, 2016 at 4:56 am #645982
    Ismael

    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

    June 10, 2016 at 9:48 am #646122
    mofix

    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

    June 11, 2016 at 12:05 am #646429
    Andy

    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

    June 11, 2016 at 1:59 pm #646539
    mofix

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

    June 11, 2016 at 7:25 pm #646612
    Vinay

    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

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Header just like enfolds own header’ is closed to new replies.