Ondersteuning » Thema en CSS/opmaak » Menubalk niet goed zichtbaar op mobiel/tablet

  • Opgelost nicklaar

    (@nicklaar)


    Hallo,

    Ik ben nu al een tijdje bezig met het opmaken van een website. De website is nu grotendeels klaar, maar heb er niet zoveel verstand van dus sommige dingen gaan wat traag.

    Ik heb een menubalk ingesteld die goed werkt op mijn laptop. Als ik de website op mijn telefoon of iPad open dan zie ik een gedeelte van de menubalk niet. Ik zou graag willen dat de gehele balk zichtbaar is onder de hoofdbalk.

    Kan iemand hierbij helpen? Volgens mij is er een aanpassing in mijn CSS-code de oplossing, maar hoe?

    Mijn website is: http://www.delangstraatvoetbal.nl

    Alvast bedankt voor de hulp!

    Groeten Nick

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)
  • Hoi Nick,

    Je zou deze CSS eens kunnen proberen op de Aangepaste CSS pagina van de Customizer in je dashboard:

    
    @media screen and (min-width: 600px) {
    .mobile-sidebar {width:100%;}
    }
    

    (de huidige breedte is 340px)

    Guido

    Thread starter nicklaar

    (@nicklaar)

    Hoi Guido,

    Bedankt voor de reactie. Ik heb deze CSS toegevoegd, maar het komt nog op dezelfde manier op mijn mobiel/Ipad tevoorschijn.

    Ik had een aantal print screens toe willen voegen, maar volgens mij kan dat hier niet.
    Daarom maar geschreven:

    Op mijn laptop zie ik de volgende pagina’s in mijn menu:
    – Home
    – Nieuwsberichten
    – Specials
    – Wedstrijd van de Week
    – Wedstrijdverslagen
    – Contact

    Op mijn mobiel begint het pas bij Specials. Op mijn Ipad valt een deel van Specials en een deel van Wedstrijd van de Week weg.

    Volgens mij een instelling die bepaalt dat de pagina’s die gekozen kunnen worden in het menu, uitgelijnd moeten worden onder de menuknop?

    Nu valt de menuknop (hamburger) na aanraking over een gedeelte van de keuzes uit dit menu heen.

    Hopelijk weet je hierop het antwoord, alvast bedankt!

    Groeten Nick

    Hoi Nick,

    Als ik je site nu bekijk is de breedte volledig. Maar inderdaad, er is meer aan de hand. De balk met de “hamburger”, sitetitel en zoekveld zit deels over het mobiele menu heen. Daarom verdwijnen items. Dat is vreemd. Ik heb je thema xMag zelf even geïnstalleerd en daar werkt mobiele menu prima. Heb je misschien zelf aangepaste CSS toegevoegd?

    Guido

    Ik heb het gevonden, komt door de header afbeelding die er boven staat. Als je die uitschakelt via de Customizer > xMag instellingen (Toon header afbeelding in Mobile thema) dan werk het menu goed.

    Guido

    Thread starter nicklaar

    (@nicklaar)

    Hallo Guido,

    Het klopt, heb het nu uit gezet en nu is wel alles goed zichtbaar.

    Top, hartstikke bedankt!

    Groeten Nick

    Graag gedaan!
    Bug in het thema, je zou het kunnen melden op het forum vd dit thema, al gebeurt daar weinig..

    Guido

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)
  • Het onderwerp ‘Menubalk niet goed zichtbaar op mobiel/tablet’ is gesloten voor nieuwe reacties.