How do I get the text smaller in Mobile view? I want same small size as CAINTÉ

Store Design
, , ,

Topic summary

A user seeks to reduce text size in mobile view to match the smaller font used on the CAINTÉ website.

Proposed Solution:

  • Access Shopify theme code editor (Online Store → Theme → Edit code)
  • Locate the CSS file in Assets
  • Add custom CSS targeting navigation elements:
.navigation__tier-1 > li > a {
  font-size: 14px !important;
}

Status: Solution provided by PageFly support representative. Implementation pending user testing. The CSS targets first-tier navigation links and forces a 14px font size across all devices.

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

My website: www.onecap.se

CAINTE: https://cainte.se/pages/about-cainte

Skärmavbild 2023-10-01 kl. 16.35.12.png
Skärmavbild 2023-10-01 kl. 16.35.12.png594×1004 81.8 KB

2

Hi @OneCap

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Styles.css

.navigation__tier-1>li>a {
    font-size: 14px !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

1 Like