How to adjust button placement and subtitle width for mobile view?

How to adjust button placement and subtitle width for mobile view?

empiricalarby
Trailblazer
230 1 52

https://empiricalwater.com/

 

1. Please scroll down to the tea image where it says "Rediscover your Tea". Notice the buttons Buy Now and Learn Stuff. On desktop, they are placed vertically, one above the other. I prefer this layout, no changes are necessary for desktop.

However on mobile, they are placed next to each other. How to edit to make the buttons one above the other on mobile as well?

 

2. I'd like to edit the maximum width for the subtitle on the coffee and tea images, but only for mobile.

On mobile only, it should read:

 

with Empirical Water v1.4:

     Coffee/Tea Edition

 

So to iterate for issue #2: It should continue onto the next line after "v1.4:". Hope that makes sense.

 

Thanks!

Reply 1 (1)

empiricalarby
Trailblazer
230 1 52

@Dan-From-Ryviu I remember you had the ideal solution for a very similar issue last time, are you able to help?

 

Thanks