Support » Theme: Deli » Deli Theme Background

  • kalledaugusto

    (@kalledaugusto)


    hello good afternoon, I use the Deli theme, and the background image that I put, is perfect on the pc, but is super super blurred and resized on the tablet and phone. How can I solve? pls

Viewing 12 replies - 1 through 12 (of 12 total)
  • Hi, are you referring to the domain in your profile or a different one? I loaded up the one from your profile and the background appears to look ok to me on mobile/tablet resolutions from what little background does show.

    Are you able to provide screenshots ( https://snag.gy ) further detailing the differences you are seeing?

    on mobile devices, everything is black

    I just tested out the site on my iPhone 7 using Chrome and the site appears to look ok to me. Did you get it working or still having issues? If you’re still having issues, if you can get some screenshots or more specific instructions on what the issue is we might be able to help.

    access it from the computer, then the phone, and look at the difference in the background image Where can I send a print?

    Try adding the following into Appearance->Customize->Additional CSS

    @media (max-width: 568px) {
    	body.custom-background {
    		background-size: contain !important;
    	}
    }

    The background is now the correct size, perfect. But on the mobile device, when I click on “menu” and it stretches the section to show the options, some of them are in a white area. How can I solve?

    Try this

    @media (max-width: 568px) {
    	body.custom-background {
    		background-size: contain !important;
                    background-color: red !important;
    	}
    }

    You can change the red value to another color or use a hex value:

    https://www.sessions.edu/color-calculator/

    It worked, but would not have a way to, be the background image instead gives color n?

    Hi, not quite sure what you’re asking. Are you wanting the area that shows up after opening the menu to show part of the background image?

    I want it to be a background image, which is already there, and not red, how?

    Taking advantage here, where can I change, the source and weight?

    The image is going to be slightly stretched if you want it to show the entire contents but this should get you close

    @media (max-width: 568px) {
    	body.custom-background {
    		background-size: 100% 56% !important;
                    background-color: transparent !important;
    	}
    }
Viewing 12 replies - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.