Hi there! I’ve been digging through forums and just racking my brain over a CSS solution for this one, so I figured I’d bring in the big guns! Hope yall can help! I am trying to reduce the amount of space between my menu/header section and the body section of my page. I have a centered logo that I would ideally like to overlay the Top Bar, Menu and a small portion of the Full Width Easy Slider in the body section of my page.
Ideally the Body Section of the Page (where the Full Width Easy Slider is), would be 120px higher on the page. I would then move the menu copy up a tad as well, allowing the logo to be on top of the Full Width Easy Slider slightly.
Any assistance you can provide would be amazing! I’ve included logins, links and more below! Thank you so much in advance! Absolutely LOVE this theme, and use it for all my sites!
Hey LesleyJean,
Thanks for the login, I changed your header height from 231px to 80px and then added this css to make the logo overlap the image:
.html_header_top.html_logo_center .logo {
height: 280px !important;
}
then I changed this css from -12% to -1%:
.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu {
margin-top: -1%;
}
Now it seem to be the way you explained, or at least the way I understood, Please clear your browser cache and check.
let us know if this helps.
Please see the screenshot in Private Content area.
Best regards,
Mike
Thank you Mike! Totally fixed it! You guys are rock stars! Cheers!
Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.
For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)
Best regards,
Mike