Tagged: header, image, responsive
-
AuthorPosts
-
April 17, 2017 at 8:58 pm #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.
- This topic was modified 7 years, 6 months ago by Yigit.
April 18, 2017 at 3:55 pm #779406Hey 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,
YigitApril 24, 2017 at 1:35 pm #782282Thanks Yigit… private login credentials in private box.
April 24, 2017 at 2:07 pm #782309Hey!
Login credentials are not working for me. Can you please check them once again?
Best regards,
YigitApril 24, 2017 at 2:35 pm #782322Hi Yigit, generated new password for you to try again.
April 24, 2017 at 3:16 pm #782333Hey!
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,
YigitApril 24, 2017 at 3:23 pm #782337Hi 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.
April 24, 2017 at 3:46 pm #782357Hey!
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,
YigitApril 24, 2017 at 3:48 pm #782364That’s fab Yigit, THANK YOU SO MUCH!!
April 24, 2017 at 3:51 pm #782369 -
AuthorPosts
- The topic ‘Adding a widget to the header’ is closed to new replies.