Move video banner button lower

Move video banner button lower

fayely
Tourist
15 0 1

Hello, I made a post previously but has no solution. I need to move the video banner shop now button lower, right now it's in the middle of the screen and looks horrendous. I bought the add on, there's no option to move the button, only change the size or add another button.

Can anyone please help me with this?

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
10139 2014 2074

Hi @fayely 

Could you share your store URL with that section so we could check and give you the solution? 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Huptech-Web
Shopify Partner
1004 204 215

Hello @fayely Could you please share the store URL? This will allow me to inspect it and provide you with a more tailored solution.

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required

PageFly-Theodor
Shopify Partner
691 86 102

Hi @fayely ,
This is Theodore from PageFly - Shopify Page Builder App.

Stuck with a "Shop Now" button in the middle of your Shopify video banner? Here's how to move it lower:

Edit theme code (for those comfortable):

  1. Go to Shopify admin -> Online Store -> Themes -> Edit code.
  2. Find video banner code (banner.liquid, video.liquid, or theme.liquid).
  3. Look for CSS button classes (".banner__button" is an example).
  4. Add CSS to move the button down (e.g., .banner__button { margin-bottom: 50px; }).
  5. Save and preview to see the change.


Best regards,
Theodore | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.