Improve company productivity with a Business Account.Sign Up

x
?
Solved

add vertical menu

Posted on 2014-01-28
3
Medium Priority
?
800 Views
Last Modified: 2014-02-23
Hi,
I have a wordpress twentytwelve website and I wan to have a left menu and header menu like thus website

http://www.eternea.org/

So I add a custom menu and then add a plugin

How do i get the new vertical menu to appear on left hand side instead of the right?
How do I style the menu links?

is this all done in the style.css file?
0
Comment
Question by:jagguy
3 Comments
 
LVL 7

Expert Comment

by:dimmergeek
ID: 39815995
The position of the menu with respect to the rest of the page is handled with the fact that the site is using a TABLE layout as opposed to divs (not recommended)
The menu itself is done with http://www.eternea.org/styles/menu.css
0
 
LVL 15

Expert Comment

by:Jagadishwor Dulal
ID: 39820510
Yup it's already on left hand side.
0
 
LVL 15

Accepted Solution

by:
eemit earned 2000 total points
ID: 39827561
See how it is done in Twentyfourteen theme:

in Functions.php:
// This theme uses wp_nav_menu() in two locations.
register_nav_menus( array(
      'primary'   => __( 'Top primary menu', 'twentyfourteen' ),
      'secondary' => __( 'Secondary menu in left sidebar', 'twentyfourteen' ),
) );

in sidebar.php:
<?php if ( has_nav_menu( 'secondary' ) ) : ?>
      <nav role="navigation" class="navigation site-navigation secondary-navigation">
            <?php wp_nav_menu( array( 'theme_location' => 'secondary' ) ); ?>
      </nav>
<?php endif; ?>

You should make all changes in a child theme.
Style your menu in CSS.

You should also do the following:

1)
Move Sidebar from Right to Left.
This could be done in CSS:

2)
Or register a new Sidebar in your child theme's Functions.php
using widgets_init action hook, and then style it in CSS.
You also need to add this new registered sidebar to your Template(s).

Alternatively you can switch to Twentyfourteen Theme which support left sidebar with vertical menu by default.
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Build an array called $myWeek which will hold the array elements Today, Yesterday and then builds up the rest of the week by the name of the day going back 1 week.   (CODE) (CODE) Then you just need to pass your date to the function. If i…
It’s a season to be thankful, and we’re thankful for users like you who engage on site, solve technology problems, and network with others in the industry. What tech are we most thankful for? Keep reading.
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn how to count occurrences of each item in an array.

606 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question