I am rather new to wordpress and to CSS so please bear with me! I’ve been playing around with the Twenty Eleven theme and was able to make drop down Menu’s on the navigation bar (where the “home” button is). But now I cannot organize the menu’s at all, I can still go to appearance>menus and drag and drop the pages I made like I did before, in order to organize and create drop down menus, but nothing happens after I click “save menu.” Meaning, the menus don’t conform they way I want them to
Right now I have Home, page 1, page 2, and page 3 in my navigation bar, and page 2 and page 3 are supposed to drop down from page 1. Sorry if none of this makes sense! I’m going crazy trying to find out what happened! any help?
my site is here(sorry about the immature name)
Did you have other versions of those pages before, and delete them? I ask because I noticed that the url for “page 1” is actually “page1-2”, as if that’s the second copy of that page.
When you say nothing happens when you save menus, does the page actually refresh and say it updated? Or do you mean that clicking the button does nothing?
thanks for the reply.
I’ve had different versions of those pages and deleted them and different pages all together. And after I save the menus it refreshes and says it updated
First, may I make a suggestion? Your site is set to be 1575 pixels wide (this isn’t Twenty Eleven’s default width, so I’m assuming you set it that way). My main computer has a very big monitor, so it showed up fine.
But my other computer has a lower resolution (1600 pixels wide), and including the margins on your site, the total width is 1635 pixels, meaning I have to scroll horizontally to see the whole page.
Here are screen size statistics. 25% of users have a width of 1366px, so you want to be at least that narrow to accommodate them.
Anyway, can you double-check and make sure you’ve got your custom menu set up to display? In the Menu screen, there’s a box on the left that says Theme Locations, and it has to be set up there.
Assuming you’ve done that, could you go into your
header.phpfile and copy-paste the code for the nav bar? It starts with
<nav id="access" role="navigation">and ends at
</nav><!-- #access -->
Here’s the code from my own copy of Twenty Eleven, so we can compare and see if/where they differ:
<nav id="access" role="navigation"> <h3 class="assistive-text"><?php _e( 'Main menu', 'twentyeleven' ); ?></h3> <?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff. */ ?> <div class="skip-link"><a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to primary content', 'twentyeleven' ); ?>"><?php _e( 'Skip to primary content', 'twentyeleven' ); ?></a></div> <div class="skip-link"><a class="assistive-text" href="#secondary" title="<?php esc_attr_e( 'Skip to secondary content', 'twentyeleven' ); ?>"><?php _e( 'Skip to secondary content', 'twentyeleven' ); ?></a></div> <?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assigned to the primary location is the one used. If one isn't assigned, the menu with the lowest ID is used. */ ?> <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?> </nav><!-- #access -->
Thanks for the advice, I’ll do that.
As for my problem…Solved.
Like I said, I’m a newbie, and even for a newbie, I made a dumb mistake. I did not select the them locations along with making my custom menu.
Thanks for you patients!
- The topic ‘Menu and navigation Bar’ is closed to new replies.