Mobile banner slider adjustments | Focal Theme

Topic summary

A user is experiencing layout issues with a mobile banner slider in the Focal theme. The problem involves:

Current Issues:

  • Buttons not displaying side-by-side on mobile
  • Excessive line height on title and subtitle
  • Elements don’t fit properly within the mobile viewport

Proposed Solution:
Another user suggests applying CSS display: flex to position both buttons horizontally, and reducing the line-height while removing padding from the title to minimize vertical spacing.

Status: The original poster lacks CSS knowledge to implement these changes independently. The discussion remains open with one technical recommendation provided but not yet confirmed as resolved.

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

Hi,

As reference the print screen below it does not fit well on mobile.

Does anyone know how to get both buttons next to each other and the Title and Subtitle above with way less line height so it all fit?

Hope any of you smart people know what to do here because there are no settings for it and in terms of CSS I have no idea how to solve this. :slightly_smiling_face:

store: https://nono-empowers.myshopify.com/

password: “jolo”

Apply display flex to both buttons and reduce line-height by padding on title