Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #669093
    #669095

    what kind of header did you use in enfold options ?

    shrink – not shrink
    sticky etc. pp

    #669096

    sticky + shrinking header

    #669106

    there is a class added to header when shrinking has stopped: header-scrolled

    so you might try this:

    .header-scrolled .logo {
        display: none;
    }

    if you want that only on ipad it is difficult to realize that. You have to set this rule in a media-querrie : see here Link

    #669604

    Hi @soltner,

    Did you try out the recommendations from @Guenni007 and did you have any luck with them?

    Regards,
    Rikard

    #669725

    Hi!

    @guenni007
    thanks for your reommendations, unfortunately the code does not work…

    I need to hide only the logo and the white background when scrolling down –
    thanks for your help!

    Regards,
    Soltner

    #669735

    well i remember a question i had – that shrinking function does not work on ipad:

    so read here for the solution: https://kriesi.at/support/topic/shrinking-header-on-ipad-does-not-work/#post-575345

    the code you have to insert in your child-theme functions.php is:

    function incluide_custom_js_file() {
       wp_enqueue_script( 'avia-main-child', get_stylesheet_directory_uri().'/js/main.js', array('jquery', 'avia-default'), 2, true );
    }
    add_action( 'wp_enqueue_scripts', 'incluide_custom_js_file', 100 );

    you see that the custom script is loaded out of the folder in your child-theme folder “js”
    here is Josues link: https://gist.github.com/josueochoa/66beec77cfa7a21e81b8

    the main.js file you see in the link of josue (copy/paste the code in a file and name it main.js) upload that main.js to js folder in your child-theme folder via ftp.

    now shrinking on ipad works and if you put in now my code above the things got to work:
    see here http://webers-testseite.de/ikom

    #669745

    btw. what do you mean by hide the white background?
    The logo plus header background-color ?

    #669747

    Hi Guenni007!
    Thank you very much for the instructions/link – works!

    …yes, logo plus header background…

    Regards,
    Soltner

    #669749

    the header background is set up in class : header_bg
    but i don’t know your site so i do not know if this will look nice – maybe a semitransparent header is better like:
    (see testsite above too with a semi transparent blue now)

    .header-scrolled .header_bg {
        background-color: rgba(70, 120, 174, 0.8) !important;
    }
    • This reply was modified 7 years, 7 months ago by Guenni007.
    #669753

    Thank you very much Guenni007!
    With this code works perfectly and how i wanted :-)

    .header-scrolled .logo { display: none; }
    .header-scrolled .header_bg { background-color: transparent !important; }
    .av_minimal_header_shadow { box-shadow: none !important; }

    …habe gerade gesehen, daß Du auch deutsch sprichst :-)
    Nachdem mein Englisch katastrophal ist, nochmals HERZlichen Dank für Deine Hilfe,
    wenn Du möchtest, sende ich Dir den Link vom Projekt, sobald online…

    Schönen Tag noch,
    lg Soltner

    #669755

    nicht dafür – gerne –
    gerne auch die Ansicht deiner neuen Seite dann mal als link – über mein Avatar kommst du zu meinen Kontaktdaten denke ich – da ich eine url hinterlegte.
    siehst ja das Josue mir damals sehr gut geholfen hat.
    Ich habe mir im Übrigen hier angewöhnt solche Tips in eigenen Dateien zu sammeln (css und php) – das war jetzt Zufall, dass ich mich an den Thread von Damals erinnerte, die Lösung jedoch hatte ich hier gespeichert.

    Ähnlich dem hier: http://kriesi.at/documentation/enfold/code-snippets/

    Bis dann

    Ach – ist das für kleine Screens (mobile / tablet) geregelt – sieht es gut aus – sonst mußt du da nochmal einen Thread neu öffnen, weil der denke ich dann bald geschlossen wird.

    • This reply was modified 7 years, 7 months ago by Guenni007.
    #670188

    Hi,

    Thank you so much for helping out @Guenni007 :-)

    Regards,
    Rikard

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