How can I center the background for mobile viewing?

Store Design
1

hi, is there any option to center the background so that you can see the center of the background on the phone and not the left side?

2

This is PageFly - Free Landing Page Builder.

This can easily achieve by using custom code,

Please share with me your store URL and password if password protected. I will give you a solution after review on the page

Hope this can help you solve the issue

Best regards,

PageFly

3

@lvkxsz

oh sorry for that issue can you please share store url so i will check and let you know

4

Hello @lvkxsz

body { 
  background-image: url('/');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
}
5

I mean centering the background in phone mode. Currently, the page displays only the left side of the background in phone mode

Url: essa123321.myshopify.com
Password: skeant

6

hi @lvkxsz i can see that the page is display left side of the background-
please try this code and add this into your base.css

  1. From Shopify dashboard, go to Online store > Themes > Edit code

  2. In the search box, search for the file named base.css

  3. Scroll to the very end of this file, and paste this code:

@media screen and (max-width: 767px){
body{
    background-position: center !important;
}
}