Announcement

Collapse
No announcement yet.

Make a Single Column Nav Set into two columns?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Make a Single Column Nav Set into two columns?

    Is there a way to make the single column Navigation Set to start a new column after X number of links?

    Code:
    <ul class="navigation-set single-navigation-column">
    <mvt:foreach iterator="navigationitem" array="readytheme:navigationitems">
    <li>&mvt:navigationitem:link;</li>
    </mvt:foreach>
    </ul>
    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

    #2
    Hi Leslie,

    If the area you are putting the navigation is wide enough for two columns, you could try using CSS to solve the layout. If you set the UL to display flex, a maximum height, direction of column, and to wrap, the LIs should go to a second column.
    Matt Zimmermann
    Front-End Development Director / Miva, Inc.

    Comment


      #3
      Originally posted by Matt Zimmermann View Post
      Hi Leslie,

      If the area you are putting the navigation is wide enough for two columns, you could try using CSS to solve the layout. If you set the UL to display flex, a maximum height, direction of column, and to wrap, the LIs should go to a second column.
      Is flex available with Suivant? (Sorry for the ignorant question).
      Leslie Kirk
      Miva Certified Developer
      Miva Merchant Specialist since 1997
      Previously of Webs Your Way
      (aka Leslie Nord leslienord)

      Email me: [email protected]
      www.lesliekirk.com

      Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

      Comment


        #4
        Hi Leslie,

        If you add it, it will be.
        Matt Zimmermann
        Front-End Development Director / Miva, Inc.

        Comment


          #5
          Originally posted by Matt Zimmermann View Post
          Hi Leslie,

          If you add it, it will be.
          LOL if you make it, they will come
          Leslie Kirk
          Miva Certified Developer
          Miva Merchant Specialist since 1997
          Previously of Webs Your Way
          (aka Leslie Nord leslienord)

          Email me: [email protected]
          www.lesliekirk.com

          Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

          Comment


            #6
            If its not clear, I think he means you have to use or create a rule that call "display:flex" and then also set all the other 'flex' statements like "justify-content: space-between;"

            https://www.w3schools.com/css/tryit....rycss3_flexbox
            Bruce Golub
            Phosphor Media - "Your Success is our Business"

            Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
            phosphormedia.com

            Comment

            Working...
            X