Horizonal to vertical menu changes? Can someone help me please?

  • 1
  • Question
  • Updated 2 years ago
  • Answered
I have been driving myself crazy trying to change my horizontal menu to a vertical one... can someone help me? 


</div>        </div>                                    </ul>                                            <li class="oceangreen"><a href="contact-us.php" title="Contact Us">Contact Us</a></li>                                                                                                                                                                                                        <li class="green"><a href="advertising.php" title="Advertising">Advertising</a></li>                                                                                                                                                                                                        <li class="red"><a href="giveaway-winners.php" title="Giveaway Winners">Giveaway Winners</a></li>                                                                                                                                                                                                        <li class="orange"><a href="you-know-youre-a-sensory-parent-when.php" title="You Know You're A Sensory Parent When">You Know You're A Sensory Parent When</a></li>                                                                                                                                                                                                        <li class="pink"><a href="the-kiley-project-sponsorship.php" title="The Kiley Project Sponsorship">The Kiley Project Sponsorship</a></li>                                                                                                                                                                                                                                      <li class="darkblue"><a href="spd-is--spd-is-not.php" title="SPD is- SPD is NOT">SPD is- SPD is NOT</a></li>                                                                                                                                                                                                        <li class="corpblue"><a href="tantrums-vs-meltdowns.php" title="Tantrums VS Meltdowns">Tantrums VS Meltdowns</a></li>                                                                                                                                                                                                        <li class="skyblue"><a href="spd-blogs.php" title="SPD Blogs">SPD Blogs</a></li>                                                                                                                                                                                                        <li class="oceangreen"><a href="spd-poetry.php" title="SPD Poetry">SPD Poetry</a></li>                                                                                                                                                                                                        <li class="green"><a href="groups-and-pages.php" title="Groups And Pages">Groups And Pages</a></li>                                                                                                                                                                                                        <li class="red"><a href="spd-glossary.php" title="SPD Glossary">SPD Glossary</a></li>                                                                                                                                                                                                        <li class="orange"><a href="sensory-kiddos-get-literal.php" title="Sensory Kiddos Get Literal">Sensory Kiddos Get Literal</a></li>                                                                                                                                                                                                        <li class="pink"><a href="30-things-not-to-say.php" title="30 Things NOT to say">30 Things NOT to say</a></li>                                                                                                                                                                                                                                      <li class="darkblue"><a href="how-can-school-be-more-supportive.php" title="How Can Schools Be More Supportive">How Can Schools Be More Supportive</a></li>                                                                                                                                                                                                        <li class="corpblue"><a href="play-doh.php" title="Play-Doh">Play-Doh</a></li>                                                                                                                                                                                                        <li class="skyblue"><a href="what-spd-parents-want-you-to-know.php" title="What SPD Parents Want You To Know">What SPD Parents Want You To Know</a></li>                                                                                                                                                                                                        <li class="oceangreen"><a href="it-is-ok-to-be-selfish-sometimes.php" title="It Is Ok To Be Selfish Sometimes">It Is Ok To Be Selfish Sometimes</a></li>                                                                                                                                                                                                        <li class="green"><a href="firework-ideas-for-sensory-kiddos.php" title="Firework Ideas For Sensory Kiddos">Firework Ideas For Sensory Kiddos</a></li>                                                                                                                                                                                                        <li class="red"><a href="it-doesnt-have-to-make-sense-to-you.php" title="It Doesnt Have To Make Sense To You">It Doesnt Have To Make Sense To You</a></li>                                                                                                                                                                                                        <li class="orange"><a href="diagnosis.php" title="Diagnosis Abbreviations">Diagnosis Abbreviations</a></li>                                                                                                                                                                                                        <li class="pink"><a href="stimming.php" title="Stimming">Stimming</a></li>                                                                                                                                                                                                                                      <li class="darkblue"><a href="sensory-kiddos-sleeping-tips.php" title="Sensory Kiddos Sleeping Tips">Sensory Kiddos Sleeping Tips</a></li>                                                                                                                                                                                                        <li class="corpblue"><a href="heavy-work.php" title="Heavy Work">Heavy Work</a></li>                                                                                                                                                                                                        <li class="skyblue"><a href="tics.php" title="Tics">Tics</a></li>                                                                                                                                                                                                        <li class="oceangreen"><a href="sensory-mommas-say-the-darndest-things.php" title="Sensory Mommas Say The Darndest Things">Sensory Mommas Say The Darndest Things</a></li>                                                                                                                                                                                                        <li class="green"><a href="raising-hope-helping-hearts.php" title="Raising Hope Helping Hearts">Raising Hope Helping Hearts</a></li>                                                                                                                                                                                                        <li class="red"><a href="home-therapy-solutions-llc.php" title="Home Therapy Solutions LLC">Home Therapy Solutions LLC</a></li>                                                                                                                                                                                                        <li class="orange"><a href="coordikids-child-development-programs.php" title="CoordiKids Programs">CoordiKids Programs</a></li>                                                                                                                                                                                                        <li class="pink"><a href="28-ways-to-spread-spd-awareness.php" title="28 Ways To Spread SPD Awareness">28 Ways To Spread SPD Awareness</a></li>                                                                                                                                                                                                                                      <li class="darkblue"><a href="wilbarger-brushing-compressions.php" title="Wilbarger-Brushing-Compressions">Wilbarger-Brushing-Compressions</a></li>                                                                                                                                                                                                        <li class="corpblue"><a href="ot-activities.php" title="OT Activities">OT Activities</a></li>                                                                                                                                                                                                        <li class="skyblue"><a href="sensory-bins.php" title="Sensory Bins">Sensory Bins</a></li>                                                                                                                                                                                                        <li class="oceangreen"><a href="recipes-with-bean.php" title="Recipes With Bean">Recipes With Bean</a></li>                                                                                                                                                                                                        <li class="green"><a href="books.php" title="Sensory Books">Sensory Books</a></li>                                                                                                                                                                                                        <li class="red"><a href="dyspraxia.php" title="Dyspraxia">Dyspraxia</a></li>                                                                                                                                                                                                        <li class="orange"><a href="my-book.php" title="My Book">My Book</a></li>                                                                                                                                                                                                        <li class="pink"><a href="picky-eaters.php" title="Picky Eaters">Picky Eaters</a></li>                                                                                                                                                                                                                                      <li class="darkblue"><a href="seeker-avoider.php" title="Seeker-Avoider">Seeker-Avoider</a></li>                                                                                                                                                                                                        <li class="corpblue"><a href="therapist-directory.php" title="Therapist Directory">Therapist Directory</a></li>                                                                                                                                                                                                        <li class="skyblue"><a href="our-senses.php" title="Our Senses">Our Senses</a></li>                                                                                                                                                                                                        <li class="oceangreen"><a href="sound-sensitivities.php" title="Sound Sensitivities">Sound Sensitivities</a></li>                                                                                                                                                                                                        <li class="green"><a href="sensory-diet-toys-equipment-tools.php" title="Sensory Diet Toys Equipment Tools">Sensory Diet Toys Equipment Tools</a></li>                                                                                                                                                                                                        <li class="red"><a href="amazon-store.php" title="Amazon Store">Amazon Store</a></li>                                                                                                                                                                                                        <li class="orange"><a href="sensory-stuff-under-20-dollars.php" title="Sensory Stuff Under 20 Dollars">Sensory Stuff Under 20 Dollars</a></li>                                                                                                                                                                                                        <li class="pink"><a href="visual-schedules-social-stories.php" title="Visual Schedules Social Stories">Visual Schedules Social Stories</a></li>                                                                                                                                                                                                                                      <li class="darkblue"><a href="angelsense-gps.php" title="AngelSense GPS">AngelSense GPS</a></li>                                                                                                                                                                                                        <li class="corpblue"><a href="sensory-friendly-clothes.php" title="Sensory Friendly Clothes">Sensory Friendly Clothes</a></li>                                                                                                                                                                                                        <li class="skyblue"><a href="building-a-sensory-space.php" title="Building A Sensory Space">Building A Sensory Space</a></li>                                                                                                                                                                                                        <li class="oceangreen"><a href="oral-motor-sensory-tools.php" title="Oral Motor Sensory Tools">Oral Motor Sensory Tools</a></li>                                                                                                                                                        &nbsp
Photo of Jeanette Baker

Jeanette Baker

  • 9 Posts
  • 0 Reply Likes

Posted 2 years ago

  • 1
Photo of Peter Sauer

Peter Sauer

  • 150 Posts
  • 65 Reply Likes
Hi Jeanette
you may want to check this video out.
https://www.youtube.com/watch?v=J9ThOFWO6BI

Peter
Photo of Jeanette Baker

Jeanette Baker

  • 9 Posts
  • 0 Reply Likes
Is there a way to move the one that I already have?
Photo of Peter Sauer

Peter Sauer

  • 150 Posts
  • 65 Reply Likes
what is your url?
Photo of Jeanette Baker

Jeanette Baker

  • 9 Posts
  • 0 Reply Likes
www.sensoryprocessingdisorderparentsupport.com

The website published right now is nothing like the one that I am trying to achieve
Photo of Peter Sauer

Peter Sauer

  • 150 Posts
  • 65 Reply Likes
I am confused the menu you have is already a vertical menu!
Photo of Jeanette Baker

Jeanette Baker

  • 9 Posts
  • 0 Reply Likes
Yes but that's not the one I want.... the unpublished one is not vertical
Photo of Peter Sauer

Peter Sauer

  • 150 Posts
  • 65 Reply Likes
Hi Jeanette
I just tested it on a test page I use for my site.(sample below)
If you create a page layout with 2 columns  and then take your code you have for your menus and place this in an html widget in the left hand column
Photo of Jeanette Baker

Jeanette Baker

  • 9 Posts
  • 0 Reply Likes
I want it to be the colored tabs in my photo though :(
Photo of Jeanette Baker

Jeanette Baker

  • 9 Posts
  • 0 Reply Likes
I did that but how do I put it on the side in colored tabs?
Photo of Peter Sauer

Peter Sauer

  • 150 Posts
  • 65 Reply Likes
Something like this.
Photo of Jeanette Baker

Jeanette Baker

  • 9 Posts
  • 0 Reply Likes
Thanks for your help... I wanted it like the picture I posted above though