Accordion Menu / Posts /

Bottom of sub menu hidden until one item is clicked

28
Hi 
Great menu! Just a couple of queries: If you look at my link below you will see that the menu item with the accordion - item no 2 is cut off at the end when the accordion is open - but once a sub item is selected the whole menu is visible?

Also my other menu links do not show when they are the current page.

Please advise.

http://kathleenmccormickbaskets.com/home/


Many thanks
--
FintanBK
FintanBK  3 years ago   viewed: 6093    

10 Answers

0
It might be caused by the margin settings that you added to the link:

#acdnmenu a.link {
  ......
  margin: 5px 0px 0px -10px;
  ......
}

Would you try removing the margin and see if it will fix the issue?
milo   3 years ago
0
Thanks Milo, that did the trick - brilliant!
FintanBK   3 years ago
0
I'm having the same kind of problem, but    #acdnmenu a.link  does not have any margin settings at all.  Only the first four items of my of the sub menu show until you collapse the parent and reopen, then all six show. http://msimobility.com.temp.omnis.com/index_a.php?location=animation  ( I have a license, but this is the temp site before we switch the domain host.)
Seth
  3 years ago
0
I took a piece of your HTML code and found two vital syntax errors. 
  1. <li> cannot contain immediate child <li>:
  2. You start writing style= immediately after the href="..." without a space to separate the two definations. 
<li id="Int" >  <li id="IntS" ><a href="index_a.php?location=international-assignment"style="text-decoration:none; font-weight:normal;">  INTERNATIONAL ASSIGNMENT</a>


milo   3 years ago
0
This is the easiest/best vertical menu I have found. Very simple to modify! Plan on using it extensively on several projects. Thanks!
I am having a similar issue with bottom of submenu  is hidden. Except it opens properly, but when a submenu item is clicked and active, then the bottom link(s) of the submenu become hidden. I see no margin settings in my css. carefully checked syntax. 
http://www.malvcomm.com/cscart4/
PaulS
  2 years ago
0
Hi Paul,
I didn't see any problem with the provided URL. I am using Chrome. With which browser you saw the problem?
Milo   2 years ago
0
I'm using Chrome to develop also. 
To replicate the issue,  go to Sheet Glass > System 96 > Uroboros > Double-Rolled Smooth.  After clicking the Double-Rolled Smooth, several of those category links disappear at the bottom. Same issue occurs if you Select Bevel category, then click Sample One. Then Sample Three disappears at the bottom.  The issue is consistent for each category with sublinks.
Thanks.
PaulS
  2 years ago
0
Check out which padding or margin you have changed from our demo code. Change it back to original settings and you may find which setting breaks it.
Milo   2 years ago
0
After pulling Accordion Menu apart and rebuilding piece by piece, I found the site URLs cause it to break. Replacing a href URL with "#" allows it to function properly. So.... not knowing javascript well, is there anything that can be altered your accordionmenu.js?
PaulS
  2 years ago
0
Can you create a simple testing page to demonstrate this problem? Thanks.
Milo   2 years ago

   

Your name*
Password
(Optional. Used to modify this post afterwords)
+ =  

Ask your Own Question

  • If your question is related to the topic of this post, you can post your question to this page by clicking the "Post a reply" button at left;

  • When you want to start a new page for your question: