Removing slideshow dots on narrative mobile

Store Design
1

hi, I need assistance in removing the 3 dots under my slideshow

2

Hi @Rhirayy

Please go to your Themes > Edit code > Assets > Open theme.scss.liquid file and add the following code to the bottom of the file.

@media only screen and (max-width: 749px){
  .slideshow__indicators {
      display: none;
  }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any questions!

3

I dont see a theme.scss.liquid file for my craft theme

4

Hi @Rhirayy

You first ask about the Narrative theme :slightly_smiling_face:

For the Craft theme, please go to Assets > Open component-slider.css and add the following code to the bottom of the file.

.slideshow__controls.slider-buttons {
  display:none;
}

I hope this helps!

5

It worked thank you, however there’s a big space in between the section

9D3E7263-9221-4316-B259-A65D1C97645C.png
9D3E7263-9221-4316-B259-A65D1C97645C.png1242×2208 357 KB

6

Hi @Rhirayy

Can you please share your store and password (if any) so that I can help you check further?