Problem with title on two lines on the mobile.

  • Unknown's avatar
    paploray · Member ·

    Good afternoom at everybody,
    When i look at my webside on the mobile as i-phone, all my title are on three lines on the secon is blank.
    It’s something like that :
    “Cours de tango argentin

    à Paris”
    The webside’s mobile is active and i have CSS.
    So i wanted to change the code. I add :
    h1.mobile-theme {
    font-size: 10px;
    line-height: 1;
    }
    but nothing change.
    Thank you for your help,
    Samuel Paploray.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi Samuel, Twenty Fourteen is a responsive theme which means it automatically adjusts things for all screen/window sizes, so the use of the dedicated mobile theme (Appearance > Mobile) isn’t really needed. You may want to disable that and then visit your site to see if that will work better for you.

    If you wish to stick with the dedicated mobile theme, we need to reform and change the CSS selector you are using. The size for the site title is set in #site-title a, so we would need to precede that with .mobile-theme to adjust the font size for the site title on mobile like this:

    .mobile-theme #site-title a {
    font-size: 10px;
    line-height: 1;
}

    I used the web inspector built into my browser to find the relevant CSS. If you are not familiar with the web inspector in your browser, take a look at our support page on How to Find Your Theme’s CSS where you will find some brief screencasts to get you started with it. I find it an invaluable tool when working with CSS.

  • The topic ‘Problem with title on two lines on the mobile.’ is closed to new replies.