Hi Enfold,
I just purchased the enfold theme and so far I’m loving it. I have been using the support threads and finding a lot of valuable information on there. I’m trying to make the area above my navigation menu be a large header image. I found the code below and it seems to help but there are a few issues with it.
I’m trying to make it so the navigation is a solid color kinda like the screenshot. The code makes the image full width but there are issues – on desktop, tablet, and mobile view. I’m starting to think there might be an easier way to achieve what I’m trying to do.
Is there a way to make the header backgournd image fit to screen – meaning it shows the entire image and is responsive with the gray bar underneath? I don’t want the gray padding on the sides or top though…
Hey lmmoonlight,
Again, please enable right click so that we can inspect the css and attempt to fix.
Best regards,
Jordan Shannon
Oopps, sorry about that. It is now disabled.
Hi lmmoonlight,
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
.html_header_top.html_bottom_nav_header #header_main {
background: transparent url(***/2018/01/header-1030x291.jpg) top left no-repeat;
background-size: cover;
}
#header #header_main_alternate .container {
background: #666;
}
If you need further assistance please let us know.
Best regards,
Victoria
Thanks that is perfect.
:)
XOXO
Hi lmmoonlight,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria