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

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #3202
    borak100
    Participant

    How setup desktop sub menu in two columns like http://www.bs-rollen.de?

    #3283
    borak100
    Participant

    Any answer about sub menu in two columns?

    #3286
    borak100
    Participant

    Any answer in this forum or I need use Premium support ?

    #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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.

Register

You will be emailed a link to set your password.

Login

Lost password?