Edit Bootstrap owl carousel height?

Bywk744 July 16, 2023March 30, 2025

Hello everyone,

I'm currently editing a website template written with Bootstrap. I want to adjust the hero section, which is powered by the owl carousel, so that it takes up the entire height of the screen, even on mobile devices. Does anyone know what I need to change to achieve this?

(1 votes)

Programming & Software development

sql curdate() minus calculation over the month?

Byjumbo125 May 1, 2023March 30, 2025

Hello everyone I use SELECT ….. WHERE date BETWEEN CURDATE()- 7 AND CURDATE() This has worked so far, but unfortunately it doesn't work over the month. What could be causing this?

Programming & Software development

Can anyone suggest a suitable array for my php code?

ByLenxr December 9, 2023March 29, 2025

Here is the PHP code <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link href="style.css" type="text/css" rel="stylesheet" /> </head> <body> <?php $vorname=$_POST['vorname']; $nachname=$_POST['nachname']; $strasse_und_hausnummer=$_POST['strasse_und_hausnummer']; $plz=$_POST['plz']; $ort=$_POST['ort']; $telefonnummer=$_POST['telefonnummer']; $e_mail_adresse=$_POST['e_mail_adresse']; $pizzasorten=$_POST['pizzasorten']; $pizzaanzahl=$_POST['pizzaanzahl']; $groesse_preis=$_POST['groesse_preis']; $getraenk=$_POST['getraenk']; $lieferoptionen=$_POST['lieferoptionen']; $stammkundenkarte=$_POST['stammkundenkarte']; $bemerkungen=$_POST['bemerkungen']; $rabatt1=0.05; $rabatt2=0.10; $lieferkosten=4.99; $zahlungsbetrag1=$groesse_preis*$pizzaanzahl-($groesse_preis*$pizzaanzahl*$rabatt1); $zahlungsbetrag2=$groesse_preis*$pizzaanzahl-($groesse_preis*$pizzaanzahl*$rabatt2); $zahlungsbetrag3=$groesse_preis*$pizzaanzahl-($groesse_preis*$pizzaanzahl*$rabatt2)+$lieferkosten; $zahlungsbetrag4=$groesse_preis*$pizzaanzahl-($groesse_preis*$pizzaanzahl*$rabatt1)+$lieferkosten; $pizzas = array( "Margherita", "Pepperoni","Funghi","Quattro Formaggi","Diavola","Veggie Delight","Eigenkreation"); echo "Ihre gewählte Pizzasorte ist: "; echo $pizzas["2"];…

Programming & Software development

How do you learn programming?

ByverreisterNutzer October 21, 2024March 29, 2025

I want to learn C# so I can create small 2D games in Unity. Maybe later, 3D games as well. Where and how can I learn the language so that I understand everything and have a common thread? Since this would be my first programming language, I'm not sure. I look forward to any response!

Programming & Software development

Good programming languages for beginners?

ByTTplayter April 22, 2023March 30, 2025

Hey I want to learn programming and know which languages are good for beginners

Programming & Software development

Didn't get the strato server?

ByFlorian958 May 3, 2023February 17, 2025

Hey guys, yesterday at 1 p.m. I ordered a Vserver from Strato but I still have no response except for the confirmation of the purchase. The money has not been debited/noted yet. buy again? because I need it soon

Programming & Software development

batch file input?

Byfragenfragen875 April 28, 2023March 30, 2025

Hello everyone, I have the following input in my batch file ______________________________________ set/p input= if /i %input%==1 goto starten1 if /i %input%==2 goto starten2 if /i %input%==3 goto starten3 if /i %input%==4 goto starten4 if /i %input%==5 goto starten5 if /i %input%==6 goto starten6 ______________________________________ How can I make it so that as soon as…

1 Answer

Oldest

Newest Most Voted

Inline Feedbacks

View all comments

regex9

1 year ago

The full height of the viewport corresponds to 100vh. You’d have to subtract the height of your navigation. Since it differs per screen width, a Media Query would be attached.

So once assumed the navigation would be up to a screen width of 785px about 80px high and then only 60px:

.slider-area {
  height: calc(100vh - 80px);
}

@media screen and (min-width: 786px) {
  .slider-area {
    height: calc(100vh - 60px);
  }
}

Only the child elements (.container and .row) take the full height of their parent element. You can give them the class predefined by Bootstrap h-100 to assign.

Similar Posts