cheers Sanjip!
I was tinkering with the code you provided in order to make further adjustments – start the box with the child menu items right under the first main menu item (instead of it’s ancestor as it is now).
The only thing I managed to do was to re-position the container a little bit to left by simply adding the line in italic
#access ul li ul {
position: absolute; /* in the parent theme style sheet */
<em>left:-200px;</em>
width: 978px; /* 600px in your original code; modified for testing */
}
#access ul li ul li {
float: left;
}
Of course, this re-positioning is actually relative to each parent menu item. I’ve read and tried some tutorials about css position but I wasn’t able to do it.
Should it be done with “position: relative;” instead of “absolute”?
Thanks,
Adrian
P.S. I’ve sent that mail to the paid support team, unfortunately because it was related to the use of woo commerce it can’t be solved by them now, as woo is not supported currently; maybe next time I will be lucky.