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

    Hi Guys,

    I added a widget to the header by changing the functions file (following the documentation here… (Purchase code hidden if logged out) -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 11 months ago by  Yigit.

    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,


    Thanks Yigit… private login credentials in private box.



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

    Best regards,


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



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



    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.



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

    function av_shrink_widget_img(){
    jQuery(window).on("scroll", function() {
        var s = 300 - Math.min(300, jQuery(document).scrollTop());
        jQuery("#header .widget img").width(s).height(s);
    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,


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



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


Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Adding a widget to the header’ is closed to new replies.