Ondersteuning » Thema en CSS/opmaak » krijg slideshows niet responsive

  • Opgelost Sasseke

    (@sasseke)


    Hoi ik ben een site aan het bouwen samen met iemand anders. Ik ben de site nu responsive aan het maken met custom CSS en dit lukt aardig. Alleen is er op twee pagina’s een slideshow (pagina1 en pagina2 onderaan) en die lijk ik niet responsive te (kunnen) krijgen.

    Ze lopen helemaal uit het beeld op een smartphone, of een tablet in landscape mode.

    De code in het txt deel van de page luidt als volgt:
    <div id="banner">[vc_images_carousel images="363,364,362,365" img_size="large" autoplay="yes" hide_pagination_control="yes" wrap="yes"]</div>

    en de (custom) CSS luidt als volgt:

    @media only screen and (max-width: 960px) { 
    /* plaats hier de css code voor tablets in portrait mode */
    #banner
    {
    width:82%;
    }
    }
    
    @media only screen and (max-width: 767px) { 
    /* plaats hier de css code voor smartphones in landscape mode */
    #banner
    {
    width:86%;
    }
    }
    
    @media only screen and (max-width: 479px) {
    /* plaats hier de css code voor smartphones in portrait mode */
    #banner
    {
    width:96%;
    }
    }

    De slideshows lijken met Visual Composer gemaakt te zijn, ik zal het mijn klant (die overigens ook meehelpt) navragen.

    Maar misschien kan nu al iemand zien hoe ik het wel responsive kan krijgen..?
    Alvast bedankt!
    Groet
    Sasseke

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Hoi Sasseke,

    Je slider is inderdaad niet responsive.

    je CSS code zegt me niet zoveel, maar wat ik wel weet is dat visual composer uit zichzelf al responsive is en dus zou je slider (mits je een visual composer add-on gebruikt) dus zonder CSS code al responsive moeten zijn.

    Thread starter Sasseke

    (@sasseke)

    Hoi Depluim
    dank voor je reactie.
    Ik heb uitgevonden dat de slider met Visual Composer (frontend) gemaakt is.
    Ik heb ook uitgevonden dat je bij de instellingen van deze slider een class kan instellen, die je dan met CSS kan bewerken.
    Maar geen resultaat.

    Ik heb ook de slider width:20% gedaan bij mobile – portrait ik dacht dat als hij 1/5e breed was, hij wel op dat kleine schermpje zou passen.
    Echter, geen resultaat.

    Hij is (dus) wel met VC gemaakt maar (toch) om de een of andere reden niet responsive.

    Ik heb tabellen e.d. wel responsive gemaakt met CSS (media queries) wat rest zijn deze twee sliders..
    Iemand een tip?
    Groet
    Sasseke

    Thread starter Sasseke

    (@sasseke)

    Geen add-on.
    Groet
    Sasseke

    Thread starter Sasseke

    (@sasseke)

    Hoi allemaal
    ik heb een nieuwe plugin geïnstalleerd: Meta Sliders.
    Hiermee kan ik sliders maken die er net zo uitzien als de oude, alleen is deze wel responsive (ook uitgetest) en daarmee is het probleem opgelost.

    W.b. VC: mijn klant heeft meer dingen gemaakt met VC waaronder tabellen. Alles was niet responsive. Ik heb dit (echter) met media queries (CSS) weer goed weten te krijgen.
    Groet
    Sasseke

    Ah kijk aan, veel succes nog!

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Het onderwerp ‘krijg slideshows niet responsive’ is gesloten voor nieuwe reacties.