Jump to content


Photo
- - - - -

Secondary Navigation Drop-Down: Possible to Get on One Line?

dropdown navigatio dropdown secondary navigation navigation menu

Best Answer Danny , 12 November 2013 - 12:40 PM

AH OK, my bad!

Add the following to your custom CSS and see if that does trick.

 
#menu-item-111 .sub-menu {
min-width: 240px;
}

This will effect the Ventures sub-menu - http://d.pr/i/JTbt

You can also do the same thing for the Advisory sub menu too, add the following to your custom CSS:

 

http://d.pr/i/2Gzq

 
#menu-item-1157 .sub-menu {
min-width: 340px;
}

If they find that some words are still breaking to a new line, increase the min-width value to something higher.

Go to the full post


  • Please log in to reply
5 replies to this topic

#1 digamama

digamama

    Advanced Member

  • Members
  • 38 posts
  • Country: Country Flag

Posted 12 November 2013 - 12:03 PM

Hello everyone,

 

I have a question about the drop down navigation. I'd like for the content on all of the menu items to fall on just one line instead of two. Take a

Please Login or Register to see this Hidden Content

. You'll see what I mean under the dropdown menu items

 

1.) 'Ventures'

 

and

 

2.) 'Advisory' --> 'Case Studies' (so the sub-sub-dropdown item). 

 

Thanks everyone for your help!  



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 16923 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 12 November 2013 - 12:27 PM

Hi,

 

Not sure what you mean by one line ?

Are you referring to having all your menu items under one sub menu ?

For example, instead of Advisory > Cast Studies, it goes like this instead:

 

Advisory
Cast Studies

and so on... ?

If that is the case, you do this by creating a custom menu, at the moment your menu is automatically created by Wordpress. For more information on how to create a custom menu, see the Wordpress Codex here - 

Please Login or Register to see this Hidden Content



#3 digamama

digamama

    Advanced Member

  • Members
  • 38 posts
  • Country: Country Flag

Posted 12 November 2013 - 12:32 PM

Hey Danny! 

 

Not quite what I mean....What I'd like to do is keep the menu as is. I just want the words to fall on one line instead of defaulting to two. So instead of:

 

Advisory -->

--> Case Studies

--> --> Global Spaces -- digital

            museum

 

I'd like for it to go:

Advisory --> 

--> Case Studies

--> --> Global Spaces -- digital museum

 

Does that make more sense?



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 16923 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 12 November 2013 - 12:40 PM   Best Answer

AH OK, my bad!

Add the following to your custom CSS and see if that does trick.

Please Login or Register to see this Hidden Content

This will effect the Ventures sub-menu - 

Please Login or Register to see this Hidden Content



You can also do the same thing for the Advisory sub menu too, add the following to your custom CSS:

 

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content

If they find that some words are still breaking to a new line, increase the min-width value to something higher.



#5 digamama

digamama

    Advanced Member

  • Members
  • 38 posts
  • Country: Country Flag

Posted 13 November 2013 - 02:00 AM

Danny, you are the man. Thanks!



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 16923 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 13 November 2013 - 10:14 AM

Indeed I am lol!

No problem, happy to help.







Also tagged with one or more of these keywords: dropdown navigatio, dropdown, secondary navigation, navigation, menu