Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 5, 2021 at 10:41 am #1308747
    Tobias777G

    Bei meiner Mobil-Version der Webseite werden Überschriften abgeschnitten (siehe unten im Private Content angehängte URLs).

    Bei der URL Local SEO wird zum Beispiel das Wort “Suchmaschinenoptimierung” aus der ersten Überschrift (H1-Überschrift) abgeschnitten (Galaxy S5 360*640). Habe ich mit dem Handy getestet und mit STRG U direkt am Desktop, dort kann man auch auf Mobil und Galaxy S5 umschalten.

    Von den abgeschnittenen Überschriften (auch H2-Überschriften) sind noch mehr Seiten betroffen

    Weitere Punkte: Bei der Seite /kostenloser-seo-check (siehe Private Content) wird ebenfalls die H1-Überschrift abgeschnitten und zudem passt der Abstand von “Ich verfolge einen ganzheitlichlichen Ansatz beim Thema Suchmschinenoptimierung und genau deshalb prüfe ich Ihre Seite auf mehrere Faktoren wie z. B.” zu der ersten Aufzählung “Keywords und Webseitenstruktur”. Auf dem Desktop passt der Abstand, auf dem Mobilgerät (Galaxy S5) passt der Abstand nicht.

    Auf der Startseite ist über der H2-Überschrift “So arbeite ich” ein Bild (Männchen mit Brille, Tisch, Stuhl und Monitor). Das Bild hat keinen Abstand zur Überschrift und wirkt zusammengepresst.Auch dies passt bei der Mobilansicht nicht (Galaxy S5).

    Gibt es zudem eine Möglichkeit, dass die Bilder beim Mobil etwas von der Auflösung kleiner werden, je nach Mobil-Device?

    —————
    In English:

    In my mobile version of the website, headings are cut off (see URLs attached below in Private Content).

    In the URL Local SEO, for example, the word “Search Engine Optimization” from the first heading (H1 heading) is cut off (Galaxy S5 360*640). I tested with mobile and with CTRL U directly on desktop, there you can also switch to mobile and Galaxy S5.

    More pages are affected by the cut off headlines (also H2 headlines)

    Other points: On the /free-seo-check page (see Private Content), the H1 headline is also cut off and, in addition, the spacing of “I take a holistic approach to search engine optimization and that’s exactly why I check your page for several factors such as” fits the first bullet “Keywords and website structure”. On desktop the spacing fits, on mobile (Galaxy S5) the spacing does not.

    On the home page, there is an image above the H2 heading “This is how I work” (male with glasses, table, chair and monitor). The image has no distance to the headline and looks squeezed together.This also does not fit in mobile view (Galaxy S5).

    Is there also a possibility that the images are somewhat smaller in resolution on mobile, depending on the mobile device?

    July 6, 2021 at 5:58 am #1308859
    Rikard

    Hey Tobias777G,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
h1, h2, h3, h4, h5, h6 {
    word-break: break-all;
}
}

    Image on the front page; you have added the image inside of an h2 tag, please try adding the image before the headline.

    Best regards,
    Rikard

    July 6, 2021 at 10:10 am #1308904
    Tobias777G

    Thanks Rikard, but is there any chance not to break the words and instead when words cutting off the word is beginning in a new line?

    To break all words looks very terrible.

    Thanks.

    July 6, 2021 at 11:05 am #1308911
    Tobias777G

    Only words that are too long should be automatically broken with a hyphen. Is this possible?

    July 6, 2021 at 11:19 am #1308914
    Tobias777G

    And are there any change to get the H1-Headline before the pictrue on the URL i post in the private content on mobil version?

    July 7, 2021 at 4:22 am #1309009
    Rikard

    Hi,

    Thanks for the update. I’m not sure if that is possible, but here is some documentation on the topic, and suggestions which you can try:

    https://www.w3schools.com/cssref/css3_pr_word-break.asp

    https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap

    https://www.daddydesign.com/wordpress/how-to-use-css-word-break-to-responsively-break-overflowing-text-strings/

    Different layout on mobile; you can try hiding the current layout for mobile sizes in the element options. You can then add a new layout, and show that for mobile only, using the same method.

    Best regards,
    Rikard

    July 7, 2021 at 4:21 pm #1309126
    Tobias777G

    Thanks Rikard, one last question to that topic:

    On the Mobil-Version like Galaxy S5 360*640 on my sites likes the examples i put you in the Private Conent, the picture is above the H1-Headline. Can i change it, that the Picture is every time under the H1-Headline?

    July 9, 2021 at 4:04 am #1309324
    Rikard

    Hi,

    Thanks for the update. I replied to you about the different order on mobile already:

    Different layout on mobile; you can try hiding the current layout for mobile sizes in the element options. You can then add a new layout, and show that for mobile only, using the same method.

    Simply hide your current elements for mobile devices in the element options, then add a new layout below that, and hide the new elements for desktop.

    Best regards,
    Rikard

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