Horizontal Drop Down menu

9 posts from 2 voices

• Started 11 months ago by rbamburg
• Latest reply from Ismael
• This topic is not resolved

Tags:

No tags yet.

1. 

   rbamburg
   Member

   Hey, I'm trying to get the basic drop down menu to go horizontal instead of vertical (not the megamenu). Any suggestions?

   Posted 11 months ago #
2. 

   Ismael
   Moderator

   Hi,

   Can you post a screenshot of what you want to achieve? I'll try to check if I can help you with it.

   Regards,
   Ismael

   Posted 11 months ago #
3. 

   rbamburg
   Member

   I tried looking at the code here, http://www.cssnewbie.com/example/css-dropdown-menu/horizontal.html, but couldn't figure out how to make that work with this theme (i.e. what all needs to be modified and where) I know it's somewhere in "/*navigation:classes for the basic dropdown nav*/" but it looks much more complicated than the link I just posted.

   Posted 11 months ago #
4. 

   rbamburg
   Member

   I might not need a drop down menu, however I do need a horizontal secondary menu. I know Brightbox only supports 1 menu, so I used a widget as a menu, but I can't do that unless I have split 20% 80% columns, and even then it's vertical.
   Is there any way to stick in a secondary horizontal menu?

   Posted 11 months ago #
5. 

   Ismael
   Moderator

   Hi rbamburg,

   I think the secondary horizontal menu that you want, might be easier to do without messing up the navigation. I'll try to help you out with, I might need some time to do it.

   Regards,
   Ismael

   Posted 11 months ago #
6. 

   rbamburg
   Member

   Thanks. I appreciate it.

   Posted 11 months ago #
7. 

   Ismael
   Moderator

   Hi,

   Kindly go to: wp-content\themes\brightbox\functions.php and find this line of code:
   register_nav_menu('avia', THEMENAME.' Main Menu');
   below it paste this code:
   register_nav_menu('avia', 'Secondary Menu');

   Now, go to: wp-content\themes\brightbox\header.php and find this line of code:
   wp_nav_menu($args);
   below it, paste this code:
   

   $defaults = array( 'theme_location'  => 'avia', 'menu' => 'Secondary Menu' );
   wp_nav_menu( $defaults );

   Then in your dashboard(admin panel) inside wordpress. Go to Appearance > Menus. Create a menu and name it: Secondary Menu. Then add menus to it then save. For more information check this site: http://codex.wordpress.org/Appearance_Menus_Screen

   Once you're done with it. Kindly post a link to your site so we can give you further instruction.

   Regards,
   Ismael

   Posted 11 months ago #
8. 

   rbamburg
   Member

   http://rosenbergerconstruction.us/

   Thanks, works well. Wondering if I could make that available only on specific pages and toy with it's appearance. I'm still learning CSS. I want to know how to change the hover display, (highlight the links rather than display a red block) And I obviously need to add a little padding to the secondary menu.

   Posted 11 months ago #
9. 

   Ismael
   Moderator

   Hi,

   Add this in your Quick CSS or custom.css (to remove the red block when the link is hovered):
   

   .avia_mega a:hover {
      background: none !important;
   }

   Also add this code for the padding:
   

   #menu-secondary-menu {
      padding: 0px 0px 0px 0px;
   }

   Just adjust the padding, it is arranged in this manner:(top, right, bottom, left).

   List the pages that you want the secondary menu to be shown, and we'll give you further instructions.

   Regards,
   Ismael

   Posted 11 months ago #

RSS feed for this topic

Reply

You must log in to post.