Page Title too cramped on a mobile device

  • Hi

    My page title is too cramped when reading on a mobile device. I’ve tried adding padding in the menu settings but it just adds padding above and below my page.

    My page title basically goes over two lines and I want the space between the lines to be bigger

    So in the example link. I’d like the “We’re open” part of the title to be lower down

    Thanks in advance

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi,

    ?Please try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

    @media only screen and (max-width: 959px){
.page-header .page-header-title{
    line-height: 1.5;
}
}
    Thread Starter kirzman

    (@kirzman)

    Hi Abhishek

    Thanks for the code. It doesn’t seem to make a difference on a tablet or phone. I’ve tried changed the line height to 4.5 but again no impact. Can I ask you to double check the code please it doesn’t appear to be working at all.

    Much appreciated
    Kieran

    Hi,

    Please try to replace the above code with this one and check.

    @media only screen and (max-width: 959px){
.page-header-title {
    line-height: 1.4em !important;
}
}
    Thread Starter kirzman

    (@kirzman)

    Sorry sadly its still not working.

    HI,

    Tried checking but your added code no reflecting here.
    Please try to clear the cache of the site/cloud and check.

    If possible, let us know do you added more custom code?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Page Title too cramped on a mobile device’ is closed to new replies.