What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: 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
10264 2039 2110

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 Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- 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.
- 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
1010 204 217

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 103

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.