Capitol Theme - 32.1.0 - Slideshow Mobile Glitch w/ more than one slide

Store Design
, ,

Topic summary

A user reports a mobile display issue with the Capitol theme’s slideshow feature when using multiple slides on the homepage banner.

The Problem:

  • Only the top half of the first slide displays correctly on initial mobile load
  • Subsequent slides appear properly when the slideshow rotates
  • Issue only occurs with 2+ slides; single slides work fine

Troubleshooting Attempted:

  • Removing slides (fixes the issue)
  • Toggling auto-rotate off
  • Adjusting timing and transition settings
  • Modifying text/heading sizes

Technical Context:

  • The user notes Capitol theme lacks a base.css file where custom CSS corrections could typically be applied
  • Similar threads exist but don’t specifically address this theme
  • Screenshots provided showing the glitch

Status: The issue remains unresolved, with the user seeking guidance on CSS fixes or theme-specific solutions.

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

I am having an issue when I use a slideshow as my homepage banner with multiple slides on Mobile. The glitch only shows the top half of the first slide, then when it rotates, the next image comes in correctly. It is only when it first loads on mobile.

To troubleshoot I have removed all one slide, this fixes the issue on mobile. When I add another slide the issue returns on mobile. I also togged off auto-rotate and changes the timing/heading size/text size to see if that makes a difference and it does not.

I found other threads similar to this but they do not talk about this theme or say to use base.css with code to correct this but Capitol does not have a base.css as far as I can see.

F2B2C17D-CF5F-4ECC-BF7A-4E8E518394CB.PNG
F2B2C17D-CF5F-4ECC-BF7A-4E8E518394CB.PNG828×1792 139 KB

IMG_9419.png
IMG_9419.png828×1792 147 KB

Thanks in advance!