Problem with Footer Image

Safaldis · June 2021

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 · June 2021

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 · June 2021

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

Safaldis · June 2021

Hi Phil,

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

Thanks!

Phil · June 2021

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

Safaldis · July 2021

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 · July 2021

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

Problem with Footer Image

Comments