Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #778942

    Hi Guys,

    I added a widget to the header by changing the functions file (following the documentation here… http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/). Got the image placed correctly BUT when I scroll down the image isn’t responsive like the logo..
    #header .widget {
    left: 80%;
    padding-top: 15px;
    position: absolute;
    top: 0;
    transform: translate (-20%);
    z-index: 999;
    }

    Snagged image to see where it sits in relation to the sticky menu. Don’t really know how to fix this and would really appreciate your wonderful help on this one.

    Adding widget to header

    • This topic was modified 7 years, 8 months ago by Yigit.
    #779406

    Hey Annemarie,

    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

    #782282

    Thanks Yigit… private login credentials in private box.

    #782309

    Hey!

    Login credentials are not working for me. Can you please check them once again?

    Best regards,
    Yigit

    #782322

    Hi Yigit, generated new password for you to try again.

    #782333

    Hey!

    Can you please post FTP logins here privately as well? Editor is missing under Appearance tab. We need to adjust the code a little :)

    Regards,
    Yigit

    #782337

    Hi Yigit, I changed a setting in my ithemes security that allows you to edit the files now. SORRY for that, let me know how it goes.

    #782357

    Hey!

    I added following code to Functions.php file in Appearance > Editor

    function av_shrink_widget_img(){
    ?>
     <script>
    jQuery(window).on("scroll", function() {
        var s = 300 - Math.min(300, jQuery(document).scrollTop());
        jQuery("#header .widget img").width(s).height(s);
    });
     </script>
    <?php
    }
    add_action('wp_footer', 'av_shrink_widget_img');

    then added following code to bottom of Quick CSS field

    #header .widget img {
        height: 100% !important;
        min-height: 55px !important;
        min-width: 159px !important; 
    }
    #header .widget { padding: 5px 0; }

    Please review your website now :)

    Best regards,
    Yigit

    #782364

    That’s fab Yigit, THANK YOU SO MUCH!!

    #782369

    Hi!

    You are welcome Annemarie! Always happy to help :) Let us know if you have any other questions or issues!

    Cheers!
    Yigit

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Adding a widget to the header’ is closed to new replies.