Tagged: shrinking header
-
AuthorPosts
-
March 14, 2016 at 12:24 pm #597677
Hello,
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.