Tagged: customize header, line under menu
I appreciate your help. I want to add a single line of 5px #cccccc below the header area, above the main content. I want the line to appear below the menu (and the menu is below my logo).
When I try using ‘default’ header – it also adds lines under the menu buttons that I don’t want, and it adds two lines instead of just one below the menu. So the default styles are not what I want.
I’ve got it set on Minimal header currently and hoping I can use CSS to add the line. Are you able to help with this? Let me know if you need login.
Thanks!
Hey GeoffreyTMoore,
Please try the following in Quick CSS under Enfold->General Styling:
#header_main_alternate {
border-bottom: 5px solid #ccc;
}
Best regards,
Rikard
Thanks, it must have been a caching problem earlier! Is there a way to also make the line appear for mobile or tablet view?
Thank you.
Hi GeoffreyTMoore,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header {
border-bottom: 5px solid #ccc;
}
If you need further assistance please let us know.
Best regards,
Victoria