Hi Courtney,
It only supports upto third level. We will increase the number in our next version till then Go to Appearance -> Theme Option -> Design Option Tab -> Custom CSS
and paste the following CSS code to fix it:
#access ul li ul,
#access ul li:hover ul ul,
#access ul ul li:hover ul ul,
#access ul ul ul li:hover ul ul,
#access ul ul ul ul li:hover ul ul {
display:none;
z-index: 9999;
}
#access ul li:hover ul,
#access ul ul li:hover ul,
#access ul ul ul li:hover ul,
#access ul ul ul ul li:hover ul,
#access ul ul ul ul ul li:hover ul {
display:block;
}
#access ul li ul li {
border-left: 0 none;
border-right: 0 none;
}
Now, Click on Save All Changes Button and Refresh your browser.
Thank you !
Hi Sovit,
Thanks so much for your reply. This worked like a charm! I really appreciate your assistance with this.
All the best,
Courtney