Solved

add vertical menu

Posted on 2014-01-28
3
757 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 500 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

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

Suggested Solutions

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
This video teaches users how to migrate an existing Wordpress website to a new domain.
The purpose of this video is to demonstrate how to exclude a particular blog category from the main blog page. This is can be used when a category already has its own tab, or you simply want certain types of posts not to show up on the main blog. …

758 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

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now