Mobile Site Background Image

New Member
3 0 0

Hey.

 

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. 

 

ayeliann.com

 

Thanks.

0 Likes

Hello @AYELIANN,

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 .
Email: pallavi@oscprofessionals.com
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