Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • October 6, 2016 at 11:35 am #695968
    famewebdesign

    Hello,
    Please check http://www.debierbeleving.nl
    On desktop, the logo disappears when scrolling down. On tablet, the logo will NOT disappear. How can I arrange that the logo also disappears on tablet when scrolling down?
    Thanks for your help!
    Martine

    October 10, 2016 at 3:28 pm #697401
    Yigit

    Hey famewebdesign,

    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: 1024px) {
.header-scrolled .logo {
    opacity: 0;
}}

    Best regards,
    Yigit

    October 11, 2016 at 2:21 pm #697865
    famewebdesign

    Thanks for your answer Yigit. Added the code, but can’t see any change.

    October 11, 2016 at 2:35 pm #697873
    Yigit

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Yigit

    October 11, 2016 at 2:38 pm #697877
    famewebdesign

    Sure. Thanks!

    October 11, 2016 at 3:05 pm #697900
    Yigit

    Hi!

    I adjusted your custom CSS code and changed it to following one 

    .header-scrolled-full .logo, .responsive .logo {
        filter: alpha(opacity=0) !important;
        opacity: 0 !important;
        -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;
}

    Can you please flush browser cache on your tablet and review your website now?

    Regards,
    Yigit

    October 11, 2016 at 3:14 pm #697907
    famewebdesign

    Thanks Yigit!
    Now the logo is gone on pc and tablet…
    On pc the logo was visible untill you scoll down. Then it disappeared. But now there’s no logo anymore on pc als well as on tablet…

    October 13, 2016 at 1:10 pm #698682
    famewebdesign

    Hi Yigit,
    Can you please help me with my latest question? Now the logo is gone on pc and tablet.
    On pc the logo was visible untill you scrolled down. Then it disappeard. On tablet the logo was always visible. You changed the CSS on the website so the logo would also disappear on tablet when scrolling down but now the logo is gone…
    How can I fix this?

    October 14, 2016 at 6:14 am #698972
    Ismael

    Hi,

    Sorry for the late response. We modified the css code in the Quick CSS field. Please remove browser cache or hard refresh before testing the page.

    Best regards,
    Ismael

    October 14, 2016 at 7:33 am #698993
    famewebdesign

    Thanks for your reaction Ismael.
    unfortunately it does not work the way I would like it to work.
    The way it was before I asked my question here:
    On pc the logo disappeard when scrolling down.
    On tablet the logo shrinked when scrolling down.
    My question was how to make the logo disappear on tablet.
    When Yigit changed the code, the logo went missing on pc and tablet.
    When you changed the code, the logo was present on pc and tablet and on both devices the logo shrinked when scrolling down.

    So, now I restored the css code that Bas Smits (participant) gave me on another topic I posted here (https://kriesi.at/support/topic/mobile-header-issues/). When I first added this code, the logo on pc disappeard when scrolling down. On tablet the logo shrinked. Now I restored the code but strangly the logo only shrinks and does not disapear anymore on pc and on tablet.

    Can you please check one more time if you can help me? If it is not possible to let the logo disappear on pc as wel as on tablet when scrolling down, then my priority is to go back the way is was: logo disapear on pc and shrink on tablet when scrolling down.

    Thanks!

    October 18, 2016 at 5:50 am #700370
    Ismael

    Hey!

    If it is not possible to let the logo disappear on pc as wel as on tablet when scrolling down,

    We modified the code again in the Quick CSS field.

     .header-scrolled .logo {
     opacity: 0;
 }

    This css code will hide the logo on scroll. You’ll see the logo diminish in size until it disappears completely while scrolling.

    Regards,
    Ismael

    October 18, 2016 at 7:17 am #700402
    famewebdesign

    Thanks Ismael! Is it not possible to let the logo disappear on tablet too (only when scrolling down)?

    October 19, 2016 at 5:50 am #700994
    Nikko

    Hi,

    It’s possible and it should be fixed now, I have added this code in your Quick CSS:

    @media only screen and (max-width:1024px) {
    #header .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;
    }
    #header.av_header_transparency .logo {
        filter: alpha(opacity=1);
        opacity: 1;
    }
}

    Please let us know if this fixed it on your end also :)

    Best regards,
    Nikko

    October 19, 2016 at 7:07 am #701026
    famewebdesign

    Yes Nikko! Great! Thanks so much!
    Martine

    October 20, 2016 at 9:24 am #701753
    Rikard

    Hi,

    Glad we could help :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.