Tagged: , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • August 31, 2015 at 10:09 pm #496129
    JVW234

    …the headlines are not shown in a whole on the smartphone, even if I choose the “standard size”. If the headline is “Veranstaltungen” for example it just shows “Veranstaltun” on the mobile version.

    What can I do here?

    Best from Jennifer

    September 1, 2015 at 3:42 pm #496455
    agme

    I have the same problem, hope you can help!

    • This reply was modified 9 years, 3 months ago by agme.
    September 1, 2015 at 4:41 pm #496514
    Yigit

    Hi!

    Can you please post the link to your website Jennifer?


    @agme     We need a password to see your site. Also, thread creator is able to see your private content. If you mind, please create a new thread.

    Cheers!
    Yigit

    September 1, 2015 at 4:42 pm #496518
    agme

    Oh sorry, I forgot. See the password attached.

    September 1, 2015 at 4:51 pm #496533
    Yigit

    Hi!


    @agme     Can you please point out the text that is not responsive?

    Regards,
    Yigit

    September 1, 2015 at 4:56 pm #496541
    agme

    Yes, no problem, see attached.

    September 1, 2015 at 6:09 pm #496592
    JVW234
    September 2, 2015 at 7:44 am #496888
    Rikard

    Hi,


    @agme    , please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
h1 {
    font-size: 26px;
}
}


    @JVW234    , I couldn’t see anything cutting off or the word Veranstaltungen on you home page, on what page can we see the problem?

    Regards,
    Rikard

    September 2, 2015 at 11:03 am #496971
    agme

    Thanks for your help. It improved a little, but somehow, on the attached page, the last word “stuck” doesnt seem to be willing to move to the next row. How can that be?

    September 2, 2015 at 7:16 pm #497333
    JVW234

    Hi,
    it is on every page with longer headlines – on an iphone of my friend and on my android as well. Please see the cutting in the screenshot in my dropbox…

    I tried the code you posted for amge, but it didn’t help.

    September 4, 2015 at 11:01 am #498221
    Ismael

    Hi!

    The word-break property is not set. Try to use this in the Quick CSS field:

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    word-break: break-word;
}

    Cheers!
    Ismael

    September 4, 2015 at 11:55 am #498261
    JVW234

    Thank you! There is only the way of letting the words break, right? No chance to show it on one line and just to reduce the size?

    Best Jen

    September 6, 2015 at 2:18 am #498771
    Ismael

    Hi!

    The titles’ are a bit long so decreasing the font size is not a good option. If you want to try it, add this:

    @media only screen and (max-width: 767px) {
.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    font-size: 11px !important;
}
}

    Cheers!
    Ismael

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.