Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 22, 2016 at 8:00 am #690134
    famewebdesign

    Hello,
    Please check http://debierbeleving.nl/wp/
    I have two issues regarding the header. Hope you can help me:
    1. I would like the logo to disappaer when scrolling down the site. Not the menu, only the logo. How can I do this?
    2. on mobile phone, I would like to place the logo on the dark background. So I have to move it up a little. How can I do this?

    Thanks in advanced for your help!
    Martine

    September 23, 2016 at 10:35 am #690582
    Pixelbits

    Solved Nr 1 for you.

    If you want your logo to fadeout when scrolling down do this:

    Add this top custom CSS:

    .header-scrolled-full .logo {
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out;
}

    And choose this option in your options panel:
    http://postimg.org/image/fl9i90puj/
    Enfold Header Options Panel

    • This reply was modified 9 years, 1 month ago by Pixelbits. Reason: image did not work
    September 23, 2016 at 10:43 am #690592
    famewebdesign

    Thanks Pixelbits! That works! :-)

    Can anyone help me with my second issue (move mobile menu)?

    Thanks in advanced!
    Martine

    September 26, 2016 at 3:29 pm #691734
    Yigit

    Hi,

    Sorry for the late reply!
    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px) {
.logo img {
    max-height: 130px!important;
}
.container.av-logo-container {
    min-height: 150px!important;
}}

    Best regards,
    Yigit

    September 26, 2016 at 3:35 pm #691735
    famewebdesign

    Thanks Yigit! :-)

    September 26, 2016 at 3:42 pm #691737
    Yigit

    Hi!

    You are welcome, always happy to help :)
    Let us know if you have any other questions or issues and enjoy the rest of your day!

    Cheers!
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘(mobile) header issues’ is closed to new replies.