Mobile Menu issue

Hi there,

Right now I see it at the center:
https://www.screencast.com/t/Df3fRQyc

You can move it to the right with this CSS:

button.menu-toggle {
    text-align: right;
}

As for the dividers, will they only for the submenu items?

Also, please do try to follow our forum guidelines:
https://www.screencast.com/t/sAZU8h7bUcE

Let me know :)

Hello,

Okay from next time, I will the forum rules.

Yes I need dividers only for sub-menu items.

Try this CSS:

.main-navigation .main-nav ul ul li a {
    border-bottom: 1px solid #000;
}

Hello,

Dividers are only coming in mobile view not in desktop view, why so?

Because the title of this topic is Mobile Menu issue and your screenshot is also showing the mobile view.

Simply remove the @media part should make it show on desktop as well:
https://docs.generatepress.com/article/responsive-display/#responsive-breakpoints

Hello,

After removing @media it stopped showing, divider on mobile view also?

Please do this first:
https://www.screencast.com/t/sAZU8h7bUcE

Thanks!

Hello,

Okay, just now I clear the cache and deactivate the plugin.

I don't see this CSS being added at all:
https://generatepress.com/forums/topic/mobile-menu-issue-4/#post-903719