Change drop-down menu style

Hi there, I am trying to change the default style of the drop-down menu to look like the image in the file attached.

Is there a way to do it?

Thanks, in advance.

Hey there,

I hope you are well today and thank you for your question.

Unfortunately, this is considered an advanced customization request and is beyond the scope of support provided.
This will require modification of these files, as it changes the design of the theme.
If you are not a developer then you can consider customizations offered by Envato,
https://colorlib.com/out/envatostudio

Best regards,
Support.

Hey, thanks for your reply.

What do you mean with modification

of these files
? I am not the best of the developers, but I think I can achieve this.

I know the menu in my sample image is very different from the theme, but I am simply asking for a way (as a start) to put my second menu in just one line under the first menu. Is that out of scope?

Thanks again in advance.

Thank you for the clarification.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*make sub menu inline*/
ul.nav li.menu-item-has-children:hover> ul.dropdown-menu {
    display: inline-flex;
}

Please note in doing this you may have to create media queries, as this may affect how the menu appears on various screen sizes, along with other CSS changes.

Best regards,
Support.