WoodMart header builder: Different Background Images for Desktop and Mobile

Hi!

Is it possible to use different background images for desktop version and mobile version?

When I upload an image, it seems to apply for both desktop and mobile versions.

Thank you!

Hello,

Depending on the place where you want to use different images, it can be done with row-columns settings or with custom CSS.

Please send the page URL and element screen where you want to add this.

Best Regards

Hello,

I forgot to mention that this is background image for Woodmart Header Builder.
So I would like to use different background images for header on desktop and on mobile.

Thank you

Hello,

There is the option to set image or color on each row in the header: http://prntscr.com/jv8vdi

Please navigate to Woodmart > Head builder http://prntscr.com/iyd2pe

Choose the proper header type (your current) http://prntscr.com/iyd333 hover the row, edit, and set.

Switch to the mobile view http://prntscr.com/iyd3v3

If you need a background on the whole header it is possible to do with custom CSS

Please provide your site admin access I will provide CSS.

Best Regards

Hi,

When I set different background images for desktop and mobile versions, the last image will be just used for both.

You can check it at our admin area.

Thank you,

Mike

Hello,

I have checked the setting. I see you have set the images but it is not displayed anywhere. At the same time, your site is modified.

Please add this code to Thee Settings Custom CSS > Global Custom CSS and in Custom CSS for mobile landscape and in Custom CSS for mobile:

.whb-general-header {
    background-image: url();
    background-size: cover;
    background-repeat: no-repeat;
}

Set different image URLs for different devices.

Best Regards

Hello Elise,

Thank you very much it worked.

Could you please hide the URL part in previous post?

Thank you,

Hello,

I have hidden.

You are welcome.

Best Regards

[Author]

Posts