How to move header on slideshow up shrine pro

Store Design
1

image
image380×715 89.8 KB

Hello, I would like to get rid of this empty space on all 3 slides of my slideshow on mobile. Any help is greatly appreciated!

website: https://qz26pn-cv.myshopify.com/ password: bagono

2

Hey @GoombaGrows

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
@media screen and (max-width: 767px) {
.banner__content {
    align-items: self-start !important;
}
}
</style>

RESULT:

image
image352×740 45.1 KB

If you require any other help, feel free to reach out to me. If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

1 Like
3

Hello @GoombaGrows ,

I hope you are well!

Please copy and paste the code below by going to the Online store >> Themes >> Customize >> Click on Settings icon to the left >> Scroll down to the bottom and paste it to the custom CSS tab.

@media (max-width: 768px) {
.slideshow__text.banner__box {
align-self: flex-start;
padding-top: 80px;
}}

And it will move to the top.

image
image534×750 90.6 KB

4

You sir are a genius! Thank you so much. This worked perfectly and was super simple.

1 Like
5

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.