Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1012891

    jamesdeandigital
    Participant

    Having an issue on some pages where the H1 is not wrapping on mobile, however Cornerstone’s mobile
    preview doesn’t show it being an issue.

    Please see attached screenshot from an iPhone 6. The page in particular is http://www.nightnannies.com/surrey-and-east-berkshire/, running the latest versions of WordPress, X and Cornerstone.

    #1013026

    Joao
    Moderator

    Hi There,

    Please add the class h-resp at your Custom Headline Class Box.

    Please see img attached.

    Hope that helps,

    Joao

    #1013117

    jamesdeandigital
    Participant

    Hi Joao

    I’ve applied resp-h (as your screenshot showed), and also tried h-resp (as you instructed) – however neither have worked.

    #1013356

    Joao
    Moderator

    Hi There,

    Please try adding the following code to your Appereance / Customizer / Custom / CSS

    @media (max-width: 480px) {
    
    h1 .h-custom-headline .cs-ta-center .resp-h .h3 .accent {
    
    font-size: 130%;
    
    } }

    Hope that helps,

    Joao

    #1013403

    jamesdeandigital
    Participant

    Still no change.

    #1013667

    Jade
    Moderator

    Please try this:

    @media (max-width: 480px) {
        #x-section-1 .h-custom-headline {
            font-size: 150%;
        }
    }
    

    Hope this helps.

    #1018169

    jamesdeandigital
    Participant

    Many thanks

    #1018207

    Thai
    Moderator

    Glad we were able to help 🙂

    If you need anything else please let us know.