How can I make my 'Shop Now' button scroll to the product section?

Store Design
, , ,
1

Hey, i tried everything i found but nothing works, i want to make my button ‘Shop now’ at the top of page (its between hair dryers) to scroll down to my product section that at the bottom

link to my store - vividflow.store

1 Like
2

Hi @Viktoriiaaa

You can do that by adding this value to the link of the button

#shopify-section-template--15365382864956__featured-product
3

Hi @Viktoriiaaa

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.banner__content.banner__content–middle-center {

align-items: flex-start !important;

}

.banner__content a.button.button–primary {

position: absolute;

top: -62px !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

4

Hi @Viktoriiaaa

As I understand you like your button(shop now) scrolled also together with the screen going down to the bottom of your product, this design is doable but you will need a developer to write the codes. If you are interested get a developer, Let us know. Thanks!