 
	
		Tagged: shrinking header
- 
		AuthorPosts
- 
		
			
				
March 14, 2016 at 12:24 pm #597677Hello, Lately my logo started to behave strange. When the “Shrinking Header” function is on the logo is shrinking to much before rolling the page and then shrinking more as I roll down. 
 When I unmark the “Shrinking Header” function the logo goes back to its original size.
 I want to use the “Shrinking Header” function! How can I solve this?Thanks, 
 EytanMarch 17, 2016 at 4:27 am #599399Hi Eytan! Thank you for using Enfold. Did you add any modifications to the child theme? Please activate the “Shrinking Header” option then add this in the Quick CSS field: .logo a, .logo a img { height: auto !important; max-height: 116px !important; }Cheers! 
 IsmaelMarch 17, 2016 at 1:58 pm #599588Hi Ismael, I add the cod to the Quick CSS field. 
 Now the logo is in the right size but it doesn’t shrink when I’m rolling down the page.Thanks 
 EytanMarch 17, 2016 at 2:09 pm #599590and yes, the web developer add some modifications to the child theme. March 21, 2016 at 7:56 am #601085Hey! Please remove the !important rule from the earlier css so the specificity of the css is more when you scroll and add the below CSS in Quick CSS .header-scrolled .logo a, .logo a img { height: 80px; max-height: 80px; }Best regards, 
 Vinay KashyapMarch 21, 2016 at 10:14 am #601132Hi Vinnie, Sorry, nope that’s not working 
 You can see that now the logo is smaller and it’s still not shrinking.That’s not the right solution. 
 See the site at http://www.umina.co.ilWaiting for your quick response Eytan March 25, 2016 at 7:27 am #603580Hi! Looks like you combined the suggested codes. Please remove all the suggested codes above then replace it with this one: .logo a, .logo a img { height: auto !important; max-height: 116px !important; } .header-scrolled .logo a, .header-scrolled .logo a img { height: 56px !important; max-height: 56px !important; }The header is not shrinking. Why is that? Please post the custom css codes on pastebin.com. And make sure that you have the latest version of the theme, 3.5. NOTE: Don’t forget to purge the plugin cache after you make any changes to the theme. Regards, 
 IsmaelApril 4, 2016 at 11:50 am #607494Hi Ismael, The Logo is working OK now/ 
 But as you said the header is not shrinking!
 See the custom css codes on pastebin.com @ http://pastebin.com/2D2GHqMz
 and the Enfold Child CSS @ http://pastebin.com/cY4BAhWcI have the latest version of the theme (3.5.1) How to fix that? Thanks 
 EytanApril 5, 2016 at 12:01 pm #608204Hi! please remove all your customizations, to check which one is causing this issue. Keep all your plugin deactivated while testing. Regards, 
 AndyApril 12, 2016 at 1:13 pm #611836Hi Andy, I have removed all customizations from the Quick CSS and from style.css in the enfold-child file 
 and deactivated all plugins.
 BUT nothing changed !!!
 Both logo and header are not shrinking!Eytan April 12, 2016 at 1:46 pm #611856Hey! We have added the below CSS please review the site now :) #top .header-scrolled #header_main > .container { height: 60px; line-height: 60px; }Regards, 
 VinayApril 12, 2016 at 2:47 pm #611905Hi Vinay, 
 No change!Eytan April 12, 2016 at 2:57 pm #611914Hi! Please refresh the browser cache and try again. Best regards, 
 VinayApril 12, 2016 at 3:57 pm #611973Hi 
 Thanks
 It’s OK nowEytan April 12, 2016 at 7:03 pm #612106Hi! We have put together some useful info about enfold theme please feel free to check it out here – http://kriesi.at/documentation/enfold/ Please feel free to get in touch with us if you have any questions. Thank you for using Enfold :) Cheers! 
 Vinay
- 
		AuthorPosts
- The topic ‘Shrinking Header is shrinking the logo to much before rolling the page’ is closed to new replies.
