[Resolved] Main Background Dimensions

Home Forums Support Main Background Dimensions

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #129098
    Brandon

    Hello,

    Firstly, AMAZING THEME AND PLUGINS!!! I went right for the theme and pro plugins and haven’t looked back. Clean code, lightweight, customizable… can’t ask for more. I feel that I have a decent handle on how things work with this theme, but I’m not able to hit the nail on the head when it comes to the main background. I added a 2×2 repeated transparency content background, to help the text stand out. The main background was set as 1920×1080 but it was too big. I then updated it to 1600×1200, which seems to be fine on 100% setting; however on mobile it looks bad. Can you offer some assistance please? Thank you in advance.

    -Brandon

    #129111
    Jean

    What is wrong with the image on mobile viewport? Can you post a link to the website?

    #129181
    Tom
    Lead Developer
    Lead Developer

    Background images are hard to get looking perfect on desktop and mobile.

    It’s usually best to use a different image on mobile, for example:

    @media (max-width: 768px) {
          body {
                background-image: url('URL TO MOBILE SPECIFIC BACKGROUND');
          }
    }
    #131110
    Brandon

    Thank you for the information. The website is http://hallowedhalf.com/ and the other one is http://musicalmomentsdj.com. I think that I’ll need to make a separate background for mobile than for desktop clients.

    - Brandon

    #131133
    Tom
    Lead Developer
    Lead Developer

    Sometimes that’s necessary 🙂

    You can also try setting the Background Size to “Cover” (in the same area where you uploaded the image).

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.