Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

Discussions on GitHub

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

Reply To: Sub menu in two columns like www.bs-rollen.de

Home Forums Older releases 1.0.x Sub menu in two columns like www.bs-rollen.de Reply To: Sub menu in two columns like www.bs-rollen.de

#3291
stobi_de
Participant

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