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