Sjaak
Sjaak V
Geplaatst op 29-04-2022

mobiele weergave website

Hoi allemaal,

Ik kan op mijn telefoon mijn website ook naar links scrollen. 

Waar kan ik dat vastzetten?

Reacties (12)
  • Nicolet
    Nicolet Reus
    Gereageerd op 29-04-2022

    Hoi allemaal,

    Ik kan op mijn telefoon mijn website ook naar links scrollen. 

    Waar kan ik dat vastzetten?

  • Sjaak
    Sjaak V
    Gereageerd op 29-04-2022

    Een beetje technisch verhaal misschien maar dat kan door het onderstaande in de css code van je thema toe te voegen.

    body {

    max-width: 100%;

    overflow-x: hidden;

    }

    Als je bij weergave -> customizer een kopje "custom css" o.i.d. hebt kun je deze code daar toevoegen.

  • Nicolet
    Nicolet Reus
    Gereageerd op 30-04-2022

    Hoi Sjaak,

    bedankt voor je snelle antwoord.

    Ik heb het gedaan via weergave ->customizer-> daar staat ->"EXTRA CSS " in het vak kan ik de code zetten. 

    Maar dit werkt niet.

  • Sjaak
    Sjaak V
    Gereageerd op 30-04-2022

    Dan kun je deze code nog eens proberen

    body {

    max-width: 100% !important;

    overflow-x: hidden !important;

    }

    De toevoeging !important kan er voor zorgen dat het nu wel werkt.

  • Nicolet
    Nicolet Reus
    Gereageerd op 30-04-2022

    Hoi Sjaak, 

    Helaas ook dat werkt niet, gek hoor.

  • Léon
    Léon Gotjé
    Gereageerd op 30-04-2022

    Heb je een link naar je website? Buiten dat een variatie van de oplossing van @sjaakv​ zou moeten kunnen werken is het misschien wel interessant om de echte oorzaak van dit probleem te vinden. Vaak heeft dit te maken met een iframe, afbeelding of ander element dat een (vaste) breedte heeft.

  • Sjaak
    Sjaak V
    Gereageerd op 30-04-2022

    Ok, deze css code zou het horizontaal scrollen uit moeten schakelen, als het dit niet werkt is er iets anders aan de hand, daar kunnen we alleen achter komen door de website te bekijken zoals Leon hieronder ook aan geeft.

  • Nicolet
    Nicolet Reus
    Gereageerd op 30-04-2022

    Hoi Léon,

    Ik ontdektje het nadat ik de homepage heb aangepast met een template, die ik zelf heb samengesteld.

    www.lettenopkoolhydraten.nl. 

  • Sjaak
    Sjaak V
    Gereageerd op 30-04-2022

    Nicolet, ik zie wel dat er bij de tekstjes in de groene balkjes op je homepage een motion effect van elementor zit, namelijk Horizontal Scroll Daar zou het ook mee te maken kunnen hebben.

  • Nicolet
    Nicolet Reus
    Gereageerd op 30-04-2022

    Dat had ik al voor mobiel uitgezet (toevallig), omdat dat niet mooi overkomt.

    Nu heb ik het scroll effect helemaal uitgezet en helaas is het hierdoor niet verholpen.

  • Léon
    Léon Gotjé
    Gereageerd op 30-04-2022

    Het ligt inderdaad aan dit element, de negatieve margins die er op geplaatst zijn. Zoals @sjaakv​ ook al stuurde gaat het om de groene knop met "minder suiker, meer verzadiging"

    Screenshot_22.png
  • Nicolet
    Nicolet Reus
    Gereageerd op 30-04-2022

    Marges naar 0 gebracht en....... het is gelukt!

    Léon en Sjaak, bedankt heren!