Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Montezuma Theme »

[SOLVED] DropDown menu issues - width and height.


  #1  
Old Jun 1, 2013, 06:13 PM
suwak
 
15 posts · Jun 2010
Hello.

I've stumbled upon following issues with DropDown menu:
- when my subpage name gets too long, the menu wraps the text,
- with text wrapped it has a problem with displaying more rows (more than seven); I've got three menus each of them with several subpages; in one of them the wrapped text gets to nine rows and the last ones are not visible, the menu just cuts them;
- the only parameter I've found to get around wrapping is the width parameter in menus.css:
HTML Code:
.menu ul a, 
#menu1-smooth a, 
#menu2-smooth a { 
width: 150px; 
white-space: normal; /* 2nd level items we DO want to wrap */
- when I change it to say 200px, the text gets unwrapped, but it then gets cut from the right - the text itself gets wider space, but the menu doesn't, it's always the same width;

So the question would be how to change dropdown menu width and height to avoid such issues.

Thanks,
Tomek
  #2  
Old Jun 2, 2013, 07:07 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
This is where using a tool like Firebug is necessary to find the proper selectors.
One POSSIBLE selector is
HTML Code:
#menu1-smooth div
But I didn't go into extensive testing.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Jun 2, 2013, 12:28 PM
suwak
 
15 posts · Jun 2010
Thanks for the reply Larry.

I am using Firebug to figure out the code, and I see the width parameter there, but I can't find it in the Montezuma options.

I played a bit with #menu1-smooth, but all the changes apply to the main menu not to the dropdown menu.
  #4  
Old Jun 2, 2013, 02:41 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
You have to use the code as mentioned above with div at the end. I don't think there is a theme setting for the width of sub menus.

There is a setting of 150px for the words within the sub menu in one of the virtual CSS files.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Jun 2, 2013, 05:11 PM
suwak
 
15 posts · Jun 2010
Thanks, Larry.

Unfortunately I still can't get it to work

I guess I just don't know how. I've tried many things and got to change many aspects both of menu itself and the drop down menu, but I couldn't change the drop down menu width or height.
  #6  
Old Jun 2, 2013, 05:59 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
You could try the following in any of the virtual CSS files and adjust the widths as desired. I would probably put at the bottom of the menus.css virtual file in the theme options.
HTML Code:
#menu1-smooth a {
    width: 280px !important;
}
#menu1-smooth div {
    width: 300px !important;
}
The top one is for the text inside the dropdown and could be adjusted with some CSS that is already in the theme options but this will overwrite it and put all the CSS in one place so you can adjust both as needed without jumping between two areas. Or you could put the second under the CSS that is already in place in the menus.css.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #7  
Old Jun 3, 2013, 05:58 AM
suwak
 
15 posts · Jun 2010
Thank you very much, Larry!

This works like a charm

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Page menu padding/height issues. maxwellm Page & Category Menu Bars 1 Mar 16, 2011 03:54 PM
Noob having issues with height of background behind menus stevechapi Page & Category Menu Bars 6 Nov 22, 2010 08:03 AM
Tiling a background for width but not height? Tim F Header configuration & styling 1 Sep 21, 2009 09:30 AM
Center column height and overflow issues. hankphone Atahualpa 3 Wordpress theme 0 Jul 11, 2009 12:50 PM


All times are GMT -6. The time now is 05:02 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.