CSS in DIVI Slider maakt slider niet full screen responsive

Pagina: 1
Acties:

Onderwerpen


Acties:
  • 0 Henk 'm!

  • digidokter.net
  • Registratie: April 2014
  • Laatst online: 07-01-2024

digidokter.net

... en 'Niets' van 'Alles' LOL

Topicstarter
Ik probeer mijn slider fullscreen te krijgen op mobiel, maar lukt niet. Ik heb gegoogled en helpdesk gevraagd maar krijg geen antwoord! Kunnen jullie er wat mee? IK moet iets met CSS doen , maar weet niet precies wat, ben noob!
Wat ik wil is de witte lijn onder slider wegprogrammeren of de witte vlakken opvullen met slider

Ik heb onderstaande code in body gezet in DIVI 3.0 builder:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
@media screen and (max-width:900px)
{
.et_pb_fullwidth_slider_0 .et_pb_slide {
background-size: contain!important;
height: 250px !important;
}

}

@media screen and (max-width:479px)
{
.et_pb_fullwidth_slider_0 .et_pb_slide {
background-size: contain!important;
height: 110px !important;
}

}

bron:https://gist.githubusercontent.com/mkrdip/276d5ae1b3a604d0dab9/raw/e9ee4d0fd59af9cdfad47adbb048ab7852e6c96d/resize-divi-fullwidth-slider.css

Afbeeldingslocatie: https://tweakers.net/ext/f/UZgB1XaL81SPHiqUTuYAWFKO/thumb.png

Afbeeldingslocatie: https://tweakers.net/ext/f/M5GHWNfX4o0nN2UnE7NP5oVb/thumb.png

Verstand van 'Alles' van 'Niets'


Acties:
  • 0 Henk 'm!

  • nickyvandijk
  • Registratie: Maart 2017
  • Laatst online: 06:41
Wat ik zou doen voor mobiele devices is de parent container van de slides forceren naar een hoogte van 100vh op mobiel.

Vervolgens dwing je de children om de hoogte van de parent over te nemen.

.et_pb_slider {
height: 100vh;
}

.et_pb_slides,
.et_pb_section,
.et_pb_slider .et_pb_slide
{
Height: 100% !important;
}

Dit zou je de goede richting in moeten sturen.