Tagged: , , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • August 5, 2016 at 7:02 pm #669093
    August 5, 2016 at 7:09 pm #669095
    Guenni007

    what kind of header did you use in enfold options ?

    shrink – not shrink
    sticky etc. pp

    August 5, 2016 at 7:11 pm #669096
    soltner

    sticky + shrinking header

    August 5, 2016 at 7:46 pm #669106
    Guenni007

    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

    August 8, 2016 at 5:34 am #669604
    Rikard

    Hi @soltner,

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

    Regards,
    Rikard

    August 8, 2016 at 10:16 am #669725
    soltner

    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

    August 8, 2016 at 10:51 am #669735
    Guenni007

    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

    August 8, 2016 at 11:06 am #669745
    Guenni007

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

    August 8, 2016 at 11:09 am #669747
    soltner

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

    …yes, logo plus header background…

    Regards,
    Soltner

    August 8, 2016 at 11:22 am #669749
    Guenni007

    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 8 years, 3 months ago by Guenni007.
    August 8, 2016 at 11:31 am #669753
    soltner

    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

    August 8, 2016 at 11:34 am #669755
    Guenni007

    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 8 years, 3 months ago by Guenni007.
    August 9, 2016 at 8:03 am #670188
    Rikard

    Hi,

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

    Regards,
    Rikard

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