Problem with Footer Image

Safaldis

Hey, I put a background image in the theme options under Footer. However, on mobile that gets zoomed in and thus the resolution is very poor. I can't find the setting how to prevent the zooming. I would be happy if you guys can help me. Thanks!

Best regards

Ramona

Safaldis

I created the graphic in 1920px as recommended and no matter if I go 144dpi or even to 300dpi, it doesn't display properly for me. 

Phil

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us the link.

Thanks

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

Safaldis

Hi Phil,

the same here. :-) The page is already online. Here is the link: https://galabau-stroech.de/

Thanks!

Phil

I think that the best option will be uploading a special image for mobile view and creating a custom CSS to display it.

Do you need help with writing it?

Best regards

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

Safaldis

Hi Phil,

thanks for your answer. Regarding your questions about help with writing > Yes definitely. :-)

What do you need for the custom css from me?

Thanks!

Best regards, Ramona

Phil

Please, use the following code:

@media(max-width: 767px){
   #Footer{
        background-image: url(https://support.muffingroup.com/wp-content/uploads/2020/08/besvg.svg)!important;
   }
}

You only need to change the URL to the mobile footer background.

Thanks

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