How to move Header text above Hero Image on mobile only?

Store Design
1

Hello, is there a way to move the header text above the hero image on mobile only? Pic Below

URL: infinibuddy.myshopify.com

Pass: eco

Screenshot_20220914-102919_Brave.jpg
Screenshot_20220914-102919_Brave.jpg1080×2220 143 KB

2

Hi @Acid2Rain

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

  • Go to Online Store->Theme->Edit code

  • Asset-> ->theme.liquid paste my code after element

@media (max-width:767px){ .container.image-with-text-overlay__container .image-with-text-overlay__banner.columns.one-whole.image-crop-none { display: flex !important; flex-direction: column-reverse !important; } }

Best Regards;

Pagefly

1 Like
3

@PageFly-Victor You are awesome!!! Thank you so much for helping me out :slightly_smiling_face: Much appreciated!

4

you are welcome, I glad when can help you

1 Like