Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #12703

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



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




    I tried looking at the code here,, 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.


    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?


    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.




    Thanks. I appreciate it.



    Kindly go to: wp-contentthemesbrightboxfunctions.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-contentthemesbrightboxheader.php and find this line of code:


    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:

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




    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.



    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.



Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Horizontal Drop Down menu’ is closed to new replies.