Add this or similar to your sm-name.css
.mega-menu .row {
width: 500px;
min-width: 100%;
}
.mega-menu .row:after {
content: '';
display: block;
clear: both;
height: 0;
overflow: hidden;
}
.mega-menu .col {
float: left;
padding: 10px;
width: 50%;
}
.mega-menu, .mega-menu ul {
width: auto !important;
min-width: 0 !important;
max-width: none !important;
}
.mega-menu ul {
position: static;
display: block !important;
}
And this (not exact this ) to your html-menu-Code
<li><a href="./html/angebote.php">Angebote</a>
<ul class="mega-menu">
<li>
<div class="row">
<h2><center>Angebote rund um Otjikaru</center></h2>
<div class="col">
<h3><a href="./html/angebote.php">Otjikaru - unsere Angebote</a></h3>
<h3><a href="./html/gaestefarm.php">Otjikaru - die Gästefarm</a></h3>
<h3><a href="./html/wildfarm.php">Otjikaru - die Wildfarm</a></h3>
</div>
<div class="col">
<h3><a href="./html/sterne.php">Otjikaru - das Observatorium</a></h3>
<h3><a href="./html/jagdfarm.php">Otjikaru - die Jagdfarm</a></h3>
</div>
</div>
</li>
</ul>
</li>
greetings
Frank
