Button should scroll in a section in the same page

[NikosBat]

Hello guys I have a question, can I some how make a button scroll to an other section in the same page? As you can see in the picture I want this button to scroll down the my review section in the same page.

 

[DaisyVo]

Hi @NikosBat 

I hope you are well. You can follow our instructions below:
Step 1: Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
Step 2: Search for "theme.liquid" file: https://prnt.sc/b6xveIKe-Rh2
Step 3: Open the file and search for </body> tag and add the following code above </body> tag: https://prnt.sc/Eh_B5z07CaWJ 

Here is the code for Step 3: 

<div id="button-fixed" style="position: fixed;
      bottom: 30px;
      left: 50%;
      transform: translateX(-50%);
      background: black;
      color: white;
      padding: 5px;">
      <a href="#">BUTTON</a>
    </div>

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[NikosBat]

Hey DaisyVo thanks for answering that fast, I have a button which already exists in my page, now I want this specific button to scroll to an other section. I don't want to create a new button which scrolls to an other section

[DaisyVo]

Hi @NikosBat 

Then you can try this code instead, and please add it above the </head> tag instead of </body> tag.

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there

Here is the code for Step 3:

{% if product.id == 9362686280012 %}
{% style %}
a.testimonials-btn-template--22708756021580__ss_testimonial_16_JddWt4 {
    position: fixed !important;
    z-index: 99999 !important;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
}
{% endstyle %}
{% endif %}

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[NikosBat]

Thanks for your reply DaisyVo but the code didn't work for me 😕

[DaisyVo]

Hi @NikosBat 

Sorry for sharing the wrong guide for that part: 

I hope you are well. You can follow our instructions below:

Step 1: Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
Step 2: Search for "theme.liquid" file: https://prnt.sc/b6xveIKe-Rh2
Step 3: Open the file and search for </head> tag and add the following code above </head> tag: https://prnt.sc/KWtKYyZkDtYJ

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[Dan-From-Ryviu]

Hi @NikosBat 

Do you mean scroll to another section on the same page after clicking on it? 

Please add ID of section that you want to scroll to it to make it work or share you page so I can let you know what should you add to link of button. 

[NikosBat]

Hello Dan-From-Ryviu, how can I do that? Can you please send me the full code

[Dan-From-Ryviu]

Please share your store link and let me know which section that you want scroll to when clicking to button. 

[NikosBat]

Hello TheUntechnickle, how can I do that can you send me the full code please?