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!
