-
Posts
-
I am having a problem with the submenu items on the main menu bar. Some of the submenu items have child menus. In my case, the rightmost menu item has a submenu with a child menu. The child menu options are not visible because they are rendered off the right side of the screen. This is particularly a problem with IE as it all appears to be larger on that browser than other browsers. At the very least I need to be able to limit the width of the submenu labels. If I can set the width at 60px or so, I may be able to get it all to fit. Ideally, if there is no screen to the right side, the program would automatically render them on the left side of the menu like the behavior of the windows desktop. Is that possible?
Please refer http://www.gatewaychurchtest.net/sandbox0/ go to right menu option “Locations” ->”Teays Valley” ->”Children” Again, this behavior is viewed with all browses but particularly ugly with IE.
Thanks for all your help in the past.
Hi,
Mimicking the Windows desktop behavior is possible but it would require some deep customization, however i found a way to reduce the width of the submenus, adding this CSS code will do it:
.main_menu .menu ul{
width: 100px !important;
}
#top .main_menu .menu li ul a {
width: 150px !important;
}
#header_main_alternate .main_menu .menu li ul ul {
left: 150px !important;
}The result:
You would need to remove some of the space added before those “>>”.
Regards,
Josue
Hi,
Try adding the code to this file
http://www.gatewaychurchtest.net/sandbox0/wp-content/themes/enfold-1.8.1/css/custom.cssRegards,
Josue
- The topic ‘Child Menu Items Off the Screen’ is closed to new replies.