Hello,
How can I change the height of the Slim Header, way too big for me.
If I put a specific height in pixels a grey line appears and it messes up all my LayerSliders that loose the transparency or something like this (they then start below the menu.
If you help me fix the LayerSlider and erase the grey line I´m happy with a custom height header too.
Thanks for your help, and best regards,
Olivier.
Hey OlivierCharlot!
Thank you for using Enfold.
You can use this on Quick CSS or custom.css to change the height of the header:
#header_main .container, .main_menu ul:first-child > li a {
height: 30px;
line-height: 30px;
}
Remove the sidebar line with this:
#top #main .sidebar, .content {
border: none;
}
Cheers!
Ismael
Ismael,
OK, I see now that your second CSS code erased completely the side line between body and widgets.
There was no way to make it stats XXX pixels lower?
Cheers,
Olivier.
Hi!
For the header height, please use this instead:
#header_main .container, .main_menu ul:first-child > li a {
height: 30px !important;
line-height: 30px !important;
}
No, it’s not possible to move the border position.
Cheers!
Ismael
Hi Olivier
This is how your website looks on my end right now – http://i.imgur.com/JMM62bs.png
Can you try removing CSS codes and setting custom pixel value and then let us know so we can check the grey line you would like to remove?
Best regards,
Yigit
I removed custom CSS and set custom pixel value to 80 and seems fine for now.
Good luck others!
I erased the CSS codes and plugged it back and it then went just fine… Don´t know what happened but so far I´m happy!
Thanks for the help and support!
Olivier