gelöst Wrapping unmöglich zu entfernen auf mobilen Geräten

Thema wurde von B:INOTEC Energy, 12. September 2024 um 11:23 Uhr erstellt.

  1. B:INOTEC Energy

    B:INOTEC Energy Mitglied

    Registriert seit:
    8. Mai 2019
    Beiträge:
    17
    Danke erhalten:
    0
    Hey,
    also unser shop ist der go-free-energy.com und wir haben alle Gambio Optionen durchsucht und einfach keine Möglichkeit gefunden dieses Wrapping bzw die Anzeige des Inhalts innerhalb eines containers + unnötiger Hintergrund auszuschalten (auf mobilen Geräten, am PC ist das ja okay).

    Bitte den Support um Beistand, wie wir diese Anzeige auf mobilen Geräten loswerden.
    Quetscht nur unnötig den Inhalt.


    Danke im Vorraus,
     
  2. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.778
    Danke erhalten:
    712
    Danke vergeben:
    259
    hast du eventuell diesen Schalter an?
    StyleEdit > Bereiche > allgemein > Layout > eingerahmter Shop
     
  3. B:INOTEC Energy

    B:INOTEC Energy Mitglied

    Registriert seit:
    8. Mai 2019
    Beiträge:
    17
    Danke erhalten:
    0
    Eben nicht, das hatten wir schon ausgeschalten.

    Ich merk grad auch, dass es wohl aktuell nur auf der Frontpage der Fall ist, dass das wrapping noch da ist. Überall anders ist es schon weggemacht worden.

    Hat wohl evtl was mit dem Seitentyp zu tun?
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    11. Juli 2021
    Beiträge:
    413
    Danke erhalten:
    178
    Danke vergeben:
    139
    #4 Anonymous, 12. September 2024 um 15:16 Uhr
    Zuletzt bearbeitet: 12. September 2024 um 18:17 Uhr
    @B:INOTEC Energy ich wollte mir die Webseite gerade mal ansehen und sehe Folgendes:

    upload_2024-9-12_15-15-55.png

    Diese Error Meldung hatte ich auch in letzter Zeit ein paar Mal. Wenn Du nicht gerade zufällig irgendwas im SE gespeichert hast, sollte sich der Support das vielleicht mal ansehen.



    Zum eigentlichen Problem:
    Wenn sich das nicht im SE lösen lässt, kannst Du es auch mit dem folgenden CSS Code lösen.

    Code:
    @media (max-width: 767px) {
    .page-index #outer-wrapper {
        margin: 30px -20px 0;
    }}
    Ich habe noch margin-top hinzugefügt, weil es aktuell so aussieht:
    upload_2024-9-12_15-26-6.png
     
  5. B:INOTEC Energy

    B:INOTEC Energy Mitglied

    Registriert seit:
    8. Mai 2019
    Beiträge:
    17
    Danke erhalten:
    0

    Ich habe wegen der riesen Fehlermeldung schon beim Support ein Ticket gelöst (;

    Wo meinst du soll der code hin? In den code von der frontpage, oder in den custom css bereich für den ganzen shop?
     
  6. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    11. Juli 2021
    Beiträge:
    413
    Danke erhalten:
    178
    Danke vergeben:
    139
    Korrekt
     
  7. B:INOTEC Energy

    B:INOTEC Energy Mitglied

    Registriert seit:
    8. Mai 2019
    Beiträge:
    17
    Danke erhalten:
    0
    Danke für den input. Ich habs jetzt so gelöst:


    @media (max-width: 900px) {
    .page-index #outer-wrapper {
    margin-top: 40px;
    margin-left: -10px;
    margin-right: -10px;
    }}

    passt.
     

    Anhänge:

  8. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    11. Juli 2021
    Beiträge:
    413
    Danke erhalten:
    178
    Danke vergeben:
    139
    Sehr gerne.

    Aber ich frage mich, was da nun passt?
    Die Seite ist nun breiter als die Bildschirmbreite und es gibt den horizontalen Scrollbalken.
    Google mag das nicht und moniert sowas in der Search Console und Nutzer mögen solche Seiten i.d.R. auch nicht.

    Und das liegt daran, dass das padding-left: 20px und padding-right: 20px offenbar schon anderweitig entfernt wurde. Deswegen benötigst Du nun auch das margin-left: -10px nicht mehr. Kannst Du also wieder entfernen. Dann schießt auch nichts über die Bildschirmbreite und der Wrapper ist ohnehin schon weg.