I can't show the page title as what you have in the demo site.

Created on 1 March 2024, 6 months ago
Updated 27 June 2024, 2 months ago

Problem/Motivation

Sorry, me again. :) There is an issue with the CSS for page title. The font-size is set to 3rem but line-height is set to var(--solo-px22) on mobile. This results in text lines to overlap each-other.

Steps to reproduce

Proposed resolution

Set line-height to same value as font-size.

πŸ’¬ Support request
Status

Closed: cannot reproduce

Version

1.0

Component

Code

Created by

πŸ‡©πŸ‡ͺGermany gruberroland

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @gruberroland
  • Assigned to flashwebcenter
  • πŸ‡ΊπŸ‡ΈUnited States flashwebcenter Austin TX

    Hello,

    I don't have this setting in solo-page-title.css and I don't have this issue on the demo site. Not sure why you have this issue.
    Please debug your site for any CSS conflict.
    Here is a content with a long title.
    https://unitedstarsofamerica.com/heading-fonts-global-fonts-special-font...

    Happy to look into a link if you have one.

    @media (min-width:75rem) {
      h1.page-title {
        font-size: var(--solo-px64);
        line-height: calc(2 * var(--solo-px34));
      }
    
    }
    
    @media (max-width:75rem) {
      h1.page-title {
        font-size: var(--solo-px48);
        line-height: var(--solo-px50);
      }
    
    }
    
    @media (max-width:62rem) {
      h1.page-title {
        font-size: var(--solo-px36);
        line-height: var(--solo-px38);
        padding: var(--solo-px16) 0;
      }
    
    }
    @media (max-width:36rem) {
      h1.page-title {
        font-size: var(--solo-px20);
        line-height: var(--solo-px22);
        padding: var(--solo-px8) 0;
      }
    }

    Best wishes,
    Alaa

  • Status changed to Closed: cannot reproduce 6 months ago
  • πŸ‡©πŸ‡ͺGermany gruberroland

    Sorry for the noise, it was a workaround on my side. :(

  • πŸ‡ΊπŸ‡ΈUnited States flashwebcenter Austin TX
Production build 0.71.5 2024