Support » Thema en CSS/opmaak » Witte balk rechts bij mobiele versie

  • Opgelost mvgoos

    (@mvgoos)


    Goedemorgen!
    Ik gebruik het thema chic lite. Wilde geen zijbalk dus die heb ik zo goed als mogelijk uitgeschakeld. Op desktop ziet het er prima uit maar op de mobiele versie lijkt er een soort lege zijbalk te zijn ontstaan. Bij het openen van de website ziet het er goed uit maar je kan het beeld dus schuiven of uitzoomen waardoor er rechts een witte balk te zien is.
    Iemand een idee hoe ik dit weg krijg?
    Alvast bedankt!

    • Dit onderwerp is gewijzigd 3 maanden, 1 week geleden door mvgoos.

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

10 reacties aan het bekijken - 1 tot 10 (van in totaal 10)
  • Guido

    (@guido07111975)

    Hoi,

    Jouw thema gebruikt een aantal breedtes afhankelijk vd grootte vh scherm.

    Om dit in klein mobiel scherm de maximale breedte te geven, voeg dit eens toe op pagina Extra CSS van de Customizer in je dashboard:

    
    @media screen and (max-width:767px) {
      .container {max-width:100%;}
    }
    

    Ik ga er van uit dat binnen jouw thema geen instelling was om de zijbalk te verbergen? Want dan wordt direct door het thema de juiste breedte ingesteld (als het goed is).

    Guido

    • Deze reactie is gewijzigd 3 maanden, 1 week geleden door Guido. Reden: Heb mijn reactie bijgewerkt
    Thread starter mvgoos

    (@mvgoos)

    Hoi Guido,

    Dankjewel voor je reactie. je extra css doet niks helaas.
    Wanneer ik in de customizer zit staat er bij lay-out instellingen alleen een algemene zijbalk lay-out.
    Dit staat er in de thema editor:

    RESPONSIVE STYLESHEET
    ===========================*/
    
    @media screen and (max-width: 1500px) {
        .custom-background .site,
        .custom-background .sticky-header {
            max-width: 95%;
        }
        /*=========================
    	SITE BANNER
    	=========================*/
        .site-banner .banner-caption {
            bottom: 20px;
        }
        .owl-carousel>.owl-nav button[class*="owl-"] {
            left: 235px;
        }
        .owl-carousel>.owl-nav button.owl-next {
            left: auto;
            right: 235px;
        }
    }
    
    @media screen and (max-width: 1366px) {
        .container {
            max-width: 1170px;
        }
        .rightsidebar .widget-area,
        .leftsidebar .widget-area {
            width: 300px;
        }
        .rightsidebar .content-area,
        .leftsidebar .content-area {
            width: calc(100% - 301px);
        }
        /*=========================
    	SITE BANNER
    	=========================*/
        .owl-carousel>.owl-nav button[class*="owl-"] {
            left: 145px;
        }
        .owl-carousel>.owl-nav button.owl-next {
            left: auto;
            right: 145px;
        }
    Guido

    (@guido07111975)

    Hoi,

    Net even je site bekeken, hier werkt het prima, geen witruimte meer links/rechts in mobiel scherm. Denk dat je geheugen van je browser even moet legen.

    Guido

    Thread starter mvgoos

    (@mvgoos)

    Gedaan op mobiel.. hij opent wel in het juiste formaat maar ik kan nog steeds naar links seizoen waardoor er rechts wit ruimte zit.
    Maargoed ik zal vanavond nog eens goed kijken, moet nu even werken đŸ˜‰

    Guido

    (@guido07111975)

    Ik heb net je thema geĂ¯nstalleerd. Je hebt mijn CSS-fix helemaal niet nodig omdat je via de Customizer de “Default Sidebar Layout” op zonder zijbalk kunt zetten. Dus verwijder mijn fix maar weer. Blijkbaar is dit de standaard breedte vh thema.

    Maar ik zie wat je bedoelt, je kunt de site heel makkelijk naar rechts en links bewegen in mobiel scherm. Ik zie een horizontale scroll balk verschijnen. Misschien veroorzaakt door de “terug naar boven” knop?

    Guido

    Thread starter mvgoos

    (@mvgoos)

    Ja dat bedoel ik inderdaad, het is misschien een klein dingetje maar ik vind het toch soort van jammer.. Die terug naar boven knop heb ik er niet in gezet, weet ook even niet waar ik die kan aanpassen? Zou het handig zijn om de makers van het thema eens te berichten?

    Guido

    (@guido07111975)

    Hoi,

    De witte balk (rechts) verschijnt ook als je de site in normale browser op bv 400% bekijkt. Ben er nog niet achter wat er aan de hand is. Lijkt toch niet aan de terug naar boven knop te liggen.

    Guido

    Thread starter mvgoos

    (@mvgoos)

    Mysterie.. Ik heb de vraag even uitgezet bij de makers van het thema, mocht ik antwoord hebben dan zal ik het je laten weten. Thanks for so far en fijn weekend

    Thread starter mvgoos

    (@mvgoos)

    Hoi Guido,

    Ik kreeg van de servicemedewerker de volgende code en die werkt:
    .site-branding .site-title-wrap .site-title {
    word-break: break-word;
    }

    So you know. En bedankt voor je reacties!

    Guido

    (@guido07111975)

    Hoi,

    Dank voor de update.
    Vreemd dat het daar aan lag, aangezien je geen site titel had maar een logo afbeelding.
    Hoe dan ook, mooi dat het opgelost is.

    Guido

10 reacties aan het bekijken - 1 tot 10 (van in totaal 10)