Removing button but not slide title - Narrative 2.0

Technical Q&A

Topic summary

A Shopify store owner using the Narrative 2.0 theme wants to remove an orange button that appears when clicking slide titles on their homepage slideshow, while keeping the slide titles themselves visible.

Current Issue:

  • Clicking a slide title requires multiple clicks: first to navigate to the slide, then again to reveal the button, then a third time on the button to reach the linked page
  • The user finds this interaction clunky and frustrating
  • They’ve already made slide images and titles clickable but can’t remove just the button without losing the titles

Solution Provided:
Add CSS code to hide the button:

a.slideshow__cta-button.slideshow__cta-button--small.hide.btn {
  display: none;
}

Instructions: Navigate to Shopify admin → Online Store → Themes → Actions → Edit code → Assets folder → base.css/style.css/theme.css file, add the code at the bottom, and save.

Alternative Suggestion:
The user also asked about adding left/right arrows to the slideshow instead of using the slide title/button combination, seeking a more streamlined navigation experience.

The solution was marked as resolved.

Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.
1

Hi there,

I’m looking to remove the button (in my case the orange one) that pops up when you click on the various slide titles on my homepage. I’ve tried various things so far, but have only managed to remove the both the buttons and slide title. I’d like to keep the slide titles as they are - it seems the theme requires them if there is more than one slide. I’ve managed to make the whole slide image clickable, as well as the slide title, but it would be nice to have these be the only elements. Currently you click the various slide title to take you to a slide, then you click it again and then the orange button pops up which you then need to click again to take you to the actual page that’s linked, if you haven’t already clicked on the image. The button is frustrating and I feel that it makes the interaction clunky.

Screenshot 2023-09-05 155947.png
Screenshot 2023-09-05 155947.png1221×801 145 KB

Alternatively, is it possible to add arrows on the left and right side of the slideshow instead of the slide title/button combo to indicate further slides and just keep the respective slide images as clickable? I’m trying to make it as seamless/intuitive/streamlined as possible but it feels like the theme is working against me.

Site is www.sunbirdrooibos.com.

All help is much appreciated!

1 Like
2

Hi @Sunbird_Rooibos

Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
a.slideshow__button-cta.slideshow__button-cta--desktop.small--hide.btn {
    display: none;
}

i hope it help.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like