Hey, I'm trying to get the basic drop down menu to go horizontal instead of vertical (not the megamenu). Any suggestions?
Horizontal Drop Down menu
9 posts from 2 voices-
Posted 11 months ago #
-
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,
IsmaelPosted 11 months ago # -
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 # -
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 # -
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,
IsmaelPosted 11 months ago # -
Thanks. I appreciate it.
Posted 11 months ago # -
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,
IsmaelPosted 11 months ago # -
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 # -
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,
IsmaelPosted 11 months ago #
Reply
You must log in to post.














