I have a header image that has been uploaded through the logo section. It is 1920 x 333 but it shows up very small on the site. Please help!
Hey gwinenvato,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
.logo, .logo a {
width: 100%;
}
Please resize the logo image to be 1920 x 200px and re-upload :)
Best regards,
Vinay
Thanks Vinay – I tried this and it still didn’t work. The height should not matter. Please take a look and you can see what I am talking about.
Hi,
I checked it and it seems big already but not fullwidth, try adding this css code in Quick CSS to occupy the fullwidth:
#header .container.av-logo-container {
padding: 0;
}
Hope this helps :)
Best regards,
Nikko
Well, the image I have uploaded to the logo section is not full width. Here is the header at full width…
( http://100yearsfrommississippi.com/ )
but on my development site, it is scaled smaller….
and even on mobile it is scaled down, with the navigation overlapping the image….
Hi gwinenvato,
Those are two different themes and very different header layouts. Image uploaded as a logo does not go fullwidth with Enfold.
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
.container {
max-width: 1440px;
padding: 0;
}
If you need further assistance please let us know.
Best regards,
Victoria