site title of twenty seventeen theme crushed

  • hello,

    my theme twenty seventeen genuinely displays a site-title + a site-description in the header section,
    and this text is crushed with your plugin, as the whole site-title is written on one row, instead of 2 when it’s too long.

    How can I fix this ?

    Thanks for your help,
    best regards,

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

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

  • Hello @tailleurdimages

    I have checked your site and the issue is coming because there is so much text in one line that’s why it’s getting crushed.

    So to solve this issue you have 3 options.

    You can use the logo instead of the title.

    or You can change the font size.

    or you can shorten the text of your title.

    I don’t know how long your title was as it is short now but why not just add this piece of custom CSS in the custom editor.

    .amp-logo a{display: inline;}

    If you want to increase the line spacing you can a little with line-height:1.2; If you want more spacing then you will need to make the header css taller and perhaps add some padding.

    https://ibb.co/hJegSS

    • This reply was modified 6 years, 7 months ago by frenchomatic.
    Thread Starter TailleurDimages

    (@tailleurdimages)

    hello there, thx for helping me !

    Mohammed Kaleem : its important for my SEO to avoid to have the same text on every page, so i can’t replace it by a logo or shorten it. + The font size is already pretty small.

    I just realize that there’s something wrong, as it has the same content on every page on amp, and it is not correct, as this site-title changes according to the page on which you’re on.
    How can I fix it, can you help me?

    frenchomatic:
    thanks for your proposition, it suits me!
    but there’s something that I don’t understand with CSS, so nothing changed after I added your code to my style.css file. Can you help me ?
    I’m using a child theme, first thanks to a pluggin, and by now directly through the style.css file. But as I’m not into code, it can be difficult to make the lines I add work correctly. I’ve spent hours trying to find how to change the color of the footer background… In the end, I simply changed the place of the code inside the style.css file (put it in 1st), and finaly it worked…

    so, I tried your first suggestion in different place inside my file, and with the following writting :

    .amp-logo a{
    display: inline;
    }

    vs .amp-logo a{display: inline;}

    but the result is still the same… Any suggestion will be helpful !

    Plugin Author Ahmed Kaludi

    (@ahmedkaludi)

    Hi @tailleurdimages

    Can you share the image of how it looks it on your mobile?

    So I can see from your point of view.

    I assure you that we will understand and help you fix it.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘site title of twenty seventeen theme crushed’ is closed to new replies.