Tagged: custom background image, enfold, header, logo area, responsive
Hi All,
Great theme! I’ve used “Propulsion” in the past, now using “Enfold” for many new sites.
My Question is this: How can I make the logo area custom background image responsive? The image is key to the feel of the site, and it needs to respond to screen size.
Many Thanks,
Tom
Hi rteckagencyllc!
Try adding this to your custom CSS.
.header_bg { background-size: cover !important; }
If that’s not what your wanting then take a screenshot and highlight what your trying to do so we can get a better idea.
Best regards,
Elliott
Hello – I am having the same issue. I added the suggested code and it did not resolve the issue. The issues is that the image is not responsive. I am finding that no matter what size image I add, it does not look good across all devices. Any assistance would be much appreciated.
Warm wishes
Hey lightmerger!
Did you verify that the CSS you added is being applied? Please try to flush your browser cache and restart, if that doesn’t help, please post a link to the site in question and we’ll take a closer look.
Regards,
Rikard
Hi there
I’m having the same problem. The image I’ve added to the header appears under the logo on my iPhone (on Safari & Google Chrome).
I have added a clickable image to the header via helper-main-menu.php and added the following CSS :
.header-custom-text {
background-repeat: no-repeat;
background-size: cover !important;
}
@media only screen and (max-width: 480px) {
.header-custom-text {
position: inherit;
}}
I’ve added a link to my website in the Private area. Can you please assist?