How can I optimize my image with text overlay for mobile viewing?

Store Design
1

can someone code my image with text overlay for mobile, I cant seem to get it to fit right on my mobile, desktop looks good just need it to fit right on mobile screens

pic taken from desktop I want this section named tracksuits to fit /adapt to screen

Screenshot 2021-08-01 at 03.38.46.png
Screenshot 2021-08-01 at 03.38.46.png2880×1800 440 KB

2dripp.com

pass: 123

1 Like
2

@2DRIPP

sorry for that issue can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
@media only screen and (max-width: 749px) {
#Hero-1627774273718cb1e8 {
width: 100% !important;
    height: 543px!important;
}
}
1 Like
3

much appreciated

1 Like
4

@2DRIPP

it’s my pleasure to help us

1 Like