How can I modify the mega menu for better mobile view?

Hi

i have this menu on my desktop:

but in mobile it isnt shown like this “expanded”. it takes two steps to go from type of toy tp eductaional toys and the sub categories like this:

I want te mobile view to be like desktop one so it takes one click to see everythng under type of toy. Hpw can i do this with code or in customizer?

Here is the URL:

https://planetjunior.pk

Also can you also tell how to make the text bold

Hello @planetjuniorseo ,

For making the text bold use this CSS.

.nav-bar__link.link {
    font-weight: 800;
}