How do I change style, padding and justification of mobile menu navigation?

Hello, I was wondering if anybody could help me.

The Twenty Twenty Four theme is great and does almost everything I want it to do, except for a few small things.

The main problem is the formatting of the main navigation on Mobile view: the padding and the justification of the submenu items (ie. dropdown menu items when on desktop) looks confusing and badly designed.

I have been all through the Theme Editor, and I cannot find how to change the style and padding of the Mobile Menu.

If somebody can direct me to where I can style the Mobile Menu text and padding, that would be great.

Even better, is there anybody who can help me just format the Mobile menu the way I want it to look? I know only very, very basic coding, unfortunately not enough to do what I want to do.

Currently the Mobile Menu looks like this. As you can see, the sub-menu links are all left justified, and the padding between the head link and the first sub-link is too large.

I was hoping to make it look more like this. Have all sub-links right justified, reduce the padding between the head link and the first sub-link, and perhaps (but maybe not necessary), add a solid line between Menu items to group the sublinks together (in this image it is a dotted line, but I would hopefully have a solid line in the final thing):

If anyone could help me with the formatting, or help me find where I can edit myself in the Theme Editor, that would be amazing,

Thanks!

• This topic was modified 3 months, 2 weeks ago by carbon 972.