Archived topic
Main Background Dimensions
4 replies · Started by Anonymous on August 13, 2015
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 2x2 repeated transparency content background, to help the text stand out. The main background was set as 1920x1080 but it was too big. I then updated it to 1600x1200, 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
What is wrong with the image on mobile viewport? Can you post a link to the website?
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');
}
}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.
Sometimes that's necessary :)
You can also try setting the Background Size to "Cover" (in the same area where you uploaded the image).