How can I remove the back to top/scroll to top button in Spotlight?

Store Design
1

Hi everyone, hope you’re doing well.

I need to get rid of the gray back to top/scroll to top button in Spotlight. It appears only on Collection pages, as far as I can see, not other pages. My site is weheartrocks.com and password is: skaysi

TIA

2

Hello @WeHeartRocks

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.ad-scroll2top.ad-show { display: none !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

3

Hello @WeHeartRocks ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.scrollToTopButton {
display: none;
}

ZestardTech_0-1717147267288.png
ZestardTech_0-1717147267288.png1747×375 552 KB

4

Hi @WeHeartRocks

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 main.css

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

.scrollToTopButton {

display: none !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

5

Additionally, I found you can add a header banner to your home page, so users can recognize your brand.

PageFlyHenry_0-1717147753580.png
PageFlyHenry_0-1717147753580.png1365×602 457 KB

6

@WeHeartRocks Please follow below steps to scroll to top button on collection page. Let me know whether it is helpful for you.

  1. From admin go to “Online Store” → “Themes”.
  2. Click “Customize” button from the current theme.
  3. Go to collection page then click “Product grid”.

Vinsinfo_0-1717151214718.png
Vinsinfo_0-1717151214718.png411×252 8.4 KB

  1. Paste the below code in the “Custom CSS” field and save changes.
.scrollToTopButton{
    display: none;
}

Vinsinfo_1-1717151222537.png
Vinsinfo_1-1717151222537.png410×736 29.4 KB

Result will be like,

Vinsinfo_2-1717151269256.png
Vinsinfo_2-1717151269256.png1787×871 507 KB

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

7

Thank you, it worked like a charm.

8

I didn’t try this option, but thank you for offering help.

9

Thank you everyone for offering help. I just tried one and it worked so I didn’t need to try the other solutions. At any rate, again, thank you everyone.

10

So…uh..since you guys were nice enough to answer…what would you say to this one:

When you open a product page on your phone (and tablet? I’m not sure, but probably tablet, too), so when you open a product page on your phone and tap on a product image, the image comes up by itself. Which is fine and great, but…but while you can resize it with your thumb and index finger, you can’t swipe right or down to scroll through the other images and video. You have to view one, then exit the single image, then choose another one to view, then exit that…that’s not good at all. Long story short: How do I make this situation so we can…swipe right or down like I mentioned? And hopefully be able to zoom on each pic we want, then continue swiping if we want…you know?

Site: weheartrocks.com
Password: skaysi
Theme: Spotlight

TIA

@ZestardTech ZestardTech
@niraj_patel Techlyser_web
@PageFly-Henry PageFly-Henry
@Vinsinfo Vinsinfo

11

Hi @WeHeartRocks

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.