-
AuthorPosts
-
January 12, 2018 at 10:01 pm #896694
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…
January 12, 2018 at 11:12 pm #896709Hey lmmoonlight,
Again, please enable right click so that we can inspect the css and attempt to fix.
Best regards,
Jordan ShannonJanuary 15, 2018 at 9:52 pm #897711Oopps, sorry about that. It is now disabled.
January 17, 2018 at 11:40 am #898398Hi 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,
VictoriaJanuary 19, 2018 at 2:29 am #899426Thanks that is perfect.
:)
XOXO
January 19, 2018 at 12:36 pm #899637Hi lmmoonlight,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.
