Responsive image in muffinbuilder [section]

rzrz

I have this image that I upload as a banner size in muffin builder [section] as background image. How can I make it responsive? I tried the Background | Size options in the dropdown but they didn't work. 

 http://prnt.sc/uw0ivp

http://prnt.sc/uw0ftb

Phil

Hello,
Instead of "Background | Size : Auto" try to use "Background | Size : Cover".
You can also check this topic to find out more about that.
https://support.muffingroup.com/faq/images-in-header-are-not-responsive/

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

rzrz

i couldn't make it work by setting as "Background | Size : Cover". 

http://prnt.sc/uwjz9a

As you can see the yellow words are cut off. 
in the code already active as bg-cover. 

Albert

Please send us link to page where you set it up according to our suggestion and it does not work so we may have a closer look on it.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

rzrz

here it is:

https://bit.ly/3dfiPdG

Phil

If you want to display the whole image, you have to change "background-size" from "cover" to "contain".

In the same location as before.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

rzrz

Thank you. 
However in mobile it shows a big padding as such 

http://prnt.sc/uxqk9e

In [Section] background my setting is padding: 550px. 
If I don't put it the banner will not show. 

Phil

Instead of putting the image in Section as Background, try to put it in Image Item in this section, and in Section options select "Full Width".

https://prnt.sc/uxslyq

Also remember to remove previous padding value.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

rzrz

Thank you that works!