help with menu

Those are a lot of changes for sure. ??

Your menu looks responsive at the moment, did you get that part sorted?

To change the width – and in turn make it look more centered – on larger screens what about adding something like this into one of your media queries:

.nav-menu {
  max-width: 1080px;
}

Hi Kathryn,

I should have just done a whole new theme, but I’m still new, so I thought I’d start small. That is not quite working out, as you’ve seen lol.

I did what you suggested, but it didn’t work. So I went into Chrome’s Element Inspector and started digging. Found that the problem I’m having is with the sidebar-toggle element. That, even when not in use, it takes up space, bumping the menu items towards the left, no matter what I do. Is there a workaround for that, or am I stuck with it?

Found that the problem I’m having is with the sidebar-toggle element.

This should completely remove that element, as well as the space it was taking up:

.sidebar-toggle {
  display: none;
}

Let me know how it goes.

All done! Thanks Kathryn!

You’re welcome!