Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 796
  • Last Modified:

add vertical menu

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
jagguy
Asked:
jagguy
1 Solution
 
dimmergeekCommented:
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
 
Jagadishwor DulalBraces MediaCommented:
Yup it's already on left hand side.
0
 
eemitCommented:
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

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now