Tab Menu / Posts /

Alignment the second menu to its parent LI element

18
Thanks for your  beauty menu . I need the second menu display exactly under  the top
menu , not right or left or center,under the top related  menu . Please help me .
Thanks
shirin  4 years ago   viewed: 7488    

2 Answers

-2
It seems not easy to implement it based on the current Tab Menu's working mechanism. However, you can do it manually. For example, you can give each of the first sub-level LI an ID (only required for the first sub-level LI), and specify its CSS style. For example:

HTML:
<ul id="tabmenu">
    <li>
        Tab Menu
        <ul>
            <li id="i1"><a href="?11">Sub menu 1</a>
                <ul> …

CSS:
ul#tabmenu ul li#i1 {margin-left:120px;}
ul#tabmenu ul li#i2 {margin-left:220px;}

Note you probably need to set the secondary level sub-menu to be left-aligned:
ul#tabmenu li.active ul, ul#tabmenu>li:first-child>ul
{
    display:block;
    text-align:left;
    …
}

Milo   4 years ago
0

 Thank you very very very very much :) dear Milo .

My problem solved . :) 

shirin   4 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:
    • If your question is related to the Tab Menu, click:

      Ask new question: Tab Menu
    • Otherwise navigate to one of the following forum categories, and post your question there.

      ##