Menu hierarchy to be represented in mobile menu

Hello all,

We are trying to represent the hierarchy of sub menu’s within our website. A screenshot has been provided below.

We have highlighted the sub menus that we want to be shifted over to the right.

If anyone could provide any assistance on our querie then that would be most appreated.

Regards
Hero & Sonic

Hi there,

Can you please to share your site URL here? so I can check it directly.

Regards,
Awan

Hello there,

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    #mainnav-mobi ul.sub-menu a {
      text-align: right;
      padding-right: 75px !important;
    } 

Regards,
Kharis

Hello Kharris,

Thank you for your help, but in this word document representation as shown below is what the menu should look like.

Regards
Tom