Mobile Site Background Image

New Member
3 0 0



What is the best size to use for a background image so that the mobile site looks the same/similar? Or what size should I make the background image for the mobile site? I have the code to do that. Also, there is a box around the background image. When I use a mobile device horizontally, the website contents look as if they are in a box. How do I get rid of this?


Also, how do I center the gif on the home page? It's already centered automatically on the mobile page.





1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

#shopify-section-1576771543987 .feature-row__item {
	text-align: center;
	margin: 0 auto;
#shopify-section-1576771543987 .feature-row__item.feature-row__text.feature-row__text--left {
	display: none;

 For Mobile background Image Please add below css

@media only screen and (max-width: 749px) {
body {
	background-size: 100% 100%;
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like