How do I reposition the picture in the image banner on my phone to look the same as the desktop

How do I reposition the picture in the image banner on my phone to look the same as the desktop

lukafernada
Explorer
151 2 56

This is the view on my phone:

lukafernada_0-1726779358576.jpeg

 

How do I reposition the picture in the image banner to the centre like my desktop view:

lukafernada_1-1726779358776.png

 

 

Replies 2 (2)
lukafernada
Explorer
151 2 56

This didn't work

BSSCommerce-B2B
Shopify Partner
1954 562 561

@lukafernada,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>
@media only screen and (max-width: 749px) {
  #shopify-section-template--20584607220061__5a90b9b4-ada0-472e-93a0-a9e4e6fcd0b8 slideshow-component {
    height: 386px;
  }
 #shopify-section-template--20584607220061__5a90b9b4-ada0-472e-93a0-a9e4e6fcd0b8 .slideshow__text-wrapper {
    position: absolute;
  }
}
</style>

Result:

BSSCommerceB2B_0-1726755344138.png

If it helps you, please like and mark it as the solution.

Best Regards 😊

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now