Solved

Change text position on Slidesow (Dawn Theme)

annamichielan
Excursionist
24 0 3

Hey,

I want to move the text in the picture slideshow on mobile (Dawn Theme). But whenever I change the padding in the CSS code, the background image also gets bigger. Am I doing something wrong?

 

My website is: https://meme.london

 

IMG_2379.jpg

Accepted Solution (1)
namphan
Shopify Partner
242 34 51

This is an accepted solution.

Hi @annamichielan,

 

Please change code:

@media screen and (max-width: 749px) {
  .slideshow__text.banner__box {
    min-height: 39rem !important;
    justify-content: flex-end !important;
  }
  .slideshow__text.banner__box .banner__buttons {
    margin-top: 3rem !important;
  }
}
Coffee tips fuels my dedication.
Shopify Development Service
Need help with your store? namphan992@gmail.com

View solution in original post

Replies 7 (7)

namphan
Shopify Partner
242 34 51

Hi @annamichielan,

 

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

@media screen and (max-width: 749px) {
.slideshow__text.banner__box {
    min-height: 39rem;
    justify-content: flex-start;
}
.slideshow__text.banner__box .banner__buttons {
margin-top: 12rem;
}
}
Coffee tips fuels my dedication.
Shopify Development Service
Need help with your store? namphan992@gmail.com
annamichielan
Excursionist
24 0 3

Hi, 

 

Thank you for your response. Unfortunately, the layout didn't seems to change at all 😞

namphan
Shopify Partner
242 34 51

Hi @annamichielan,

 

Please change code:

@media screen and (max-width: 749px) {
  .slideshow__text.banner__box {
    min-height: 39rem !important;
    justify-content: flex-start !important;
  }
  .slideshow__text.banner__box .banner__buttons {
    margin-top: 12rem !important;
  }
}

it will display like this:

Screenshot.png

Coffee tips fuels my dedication.
Shopify Development Service
Need help with your store? namphan992@gmail.com
annamichielan
Excursionist
24 0 3

Hi Namphan,

 

sorry I wasn’t clear.

I meant I would like the “meme london sale up to 60% sitewide” to be on the location marked 😃

 

IMG_2379.jpeg

Thank you 😊 

namphan
Shopify Partner
242 34 51

This is an accepted solution.

Hi @annamichielan,

 

Please change code:

@media screen and (max-width: 749px) {
  .slideshow__text.banner__box {
    min-height: 39rem !important;
    justify-content: flex-end !important;
  }
  .slideshow__text.banner__box .banner__buttons {
    margin-top: 3rem !important;
  }
}
Coffee tips fuels my dedication.
Shopify Development Service
Need help with your store? namphan992@gmail.com
annamichielan
Excursionist
24 0 3

That's perfect! Thank you so much 😊

namphan
Shopify Partner
242 34 51

Hi @annamichielan,

If you have any further questions, you can contact me.

Happy to help you

 

Coffee tips fuels my dedication.
Shopify Development Service
Need help with your store? namphan992@gmail.com