 
	
		
		
		
		
			
I need to have an image (1500px by 430px) to serve as the logo at the top of each page which spans the screen. Then I need the menu centered below. I cannot seem to get it to work. Have tried using it as a background image. It is currently set as the logo with the following css:
.logo, .logo img {
    width: 100% !important;
    height:auto;
}
Hey studiovene,
Also, this logo will not work on the mobile, it’s too big in all respects.
Best regards,
Victoria
Hi, I have resolved the https issue. Can you please assist?
Hi,
Did you try to set a custom header height under Enfold->Header?
Best regards,
Rikard
Hi, I used changed the website to boxed and used the following quick css
@media only screen and (min-width: 990px) {
  .responsive .container.av-logo-container {
    width: 100%;
    max-width: 100%;
    padding: 0;
    right: 0;
  }
  .html_header_top.html_logo_center .logo,
  .html_header_top.html_logo_center .logo a {
    overflow: visible;
     width: 100%;
    max-width: 100%;
  }
  .html_header_top.html_logo_center .logo img {
    margin-right: -2em;
    width: 90vw;
    max-width: 100%;
  }
}
You can close the ticket
Hi studiovene,
Glad that you have resolved it. :)
Feel free to comeback if you need further assistance.
Thanks for using Enfold and have a great day!
Best regards,
Nikko
