Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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…

    #896709

    Hey lmmoonlight,

    Again, please enable right click so that we can inspect the css and attempt to fix.

    Best regards,
    Jordan Shannon

    #897711

    Oopps, sorry about that. It is now disabled.

    #898398

    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

    #899426

    Thanks that is perfect.

    :)

    XOXO

    #899637

    Hi lmmoonlight,

    Glad you got it working for you! :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.