Hi there,
my enfold based website has some automatic generated inline css-code and that makes the main content have a padding-top value which I don’t want it to have. Where does this value come from and how can I remove it?
In the private content box I have posted the url to the website at it’s temporarily host.
Thanks and BR, Niemitz
Sorry, forgot the code.
<style type=’text/css’ media=’screen’>
#top #header_main > .container, #top #header_main > .container .main_menu ul:first-child > li > a, #top #header_main #menu-item-shop .cart_dropdown_link{ height:150px; line-height: 150px; }
.html_top_nav_header .av-logo-container{ height:150px; }
.html_header_top.html_header_sticky #top #wrap_all #main{ padding-top:148px; }
</style>
It begins at line 60.
.html_header_top.html_header_sticky #top #wrap_all #main{ padding-top:148px; }
How do I remove it?
Hi,
Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.
Best regards,
Rikard
Sure, here you go.
Hey!
The css was generated by Enfold, you could see this in Enfold > Header > Header Custom Height and there’s a value of 150px which is similar with the code you posted, try to change the value to 130px (or any value), you should see 150px changed to 130px when viewing page source.
The padding on top isn’t caused by the generated css, but this css code in your Child Theme’s style.css:
.html_header_top.html_header_sticky #header {
margin-top:5%;
}
Remove it and the large padding will be fixed.
Cheers!
Nikko
Oh yes, your right.
I forgot that I set that option in the Enfold Theme Options.
Thanks mate!
Hi!
Glad we could help :)
Best regards,
Nikko