 
	
		Tagged: header, image, responsive
- 
		AuthorPosts
- 
		
			
				
April 17, 2017 at 8:58 pm #778942Hi 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 8 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
- 
		This topic was modified 8 years, 6 months ago by 
- 
		AuthorPosts
- The topic ‘Adding a widget to the header’ is closed to new replies.
