Extended sub-menu with its colored line extended accordingly

Hi.

I've extended the sub-menu to fit 4 words in override.css with:

Code: Select all

div.gk-menu > ul.level0 > li > .childcontent div.childcontent-inner, div.gk-menu > ul.level0 > li > .childcontent .gkcol {width: 252x;}

Everything is ok, except that there is the colored line on top of the sub-menu box and it stops at the previous position it seems. It would be nice for it to extend to the corner.
Please advise.
site: malkova.com menu name "ГЛАВНАЯ"

Thanks

Hi

Looks like You've solved this issue already. Please publish the solution in case someone will be looking for it.

Hi

Looks like You've solved this issue already. Please publish the solution in case someone will be looking for it.

Hi.

I haven't solved the line problem not finishing at the corner of the sub-menu box.
Please advise.

Thank you.

Hi

Can you please show me a screenshot of what you have in mind? I can see a line over submenu a but its ending properly. So i think i must have misunderstood you.

Hi

Can you please show me a screenshot of what you have in mind? I can see a line over submenu a but its ending properly. So i think i must have misunderstood you.

Hi.

I'm referring to the red line, it should stop at the corner.
Thanks.

Hi

Ok. I can see it now. Please use this code to match the width of the submenu:

Code: Select all

div.gk-menu > ul.level0 > li > .childcontent {
    width: 254px !important;
}


Thank you very much.
Problem solved.

Hi

Ok. Glad I could help