Tagged: custom background image, enfold, header, logo area, responsive
-
AuthorPosts
-
January 21, 2015 at 12:37 am #382795
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,
TomJanuary 21, 2015 at 7:15 pm #383269Hi 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,
ElliottMarch 1, 2015 at 7:41 am #404024Hello – 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
March 2, 2015 at 12:12 pm #404392Hey 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,
RikardAugust 3, 2015 at 7:50 am #481923Hi 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?
August 4, 2015 at 5:24 am #482490 -
AuthorPosts
- You must be logged in to reply to this topic.
