How do you change the "Slideshow" text position in mobile only? (Modular)

I want to change the text position of the slideshow section on mobile only. Currently it’s right in the middle of the screen but I need it to be further down on the screen for the mobile version. I just need to increase the padding in the section, but I don’t know where to edit the code.

please send the link of the page as well. that would be helpful.

Hi @RIZE ,

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> theme.css ->paste the below code at the bottom of the file.
@media screen and (max-width: 767px){
.hero-slide--bottom-left .slide-inner .row, .hero-slide--bottom-right .slide-inner .row {
    align-items: end;
}}

Hello. We are having the same issue, but are looking to have our text in the top left. How do you suggest changing the code?