menu default state – open

Hmm. If the menu bar defaults open in Espied it’ll be overlapping your portfolio and looks a bit broken. Are you sure that’s what you want?

@kathryn Yes that would be the case, however I customized the menu to not be 100% wide on desktop and mobile. Take a look. https://andrewdonnan.com

@adonnan, give this a try and see it this doesn’t do it for you.

.js .sidebar {
    display: block;
    right: 0;
    min-width: 150px;
}

@adonnan, I edited the above and added a minimum width since the menu was starting to hide on the right at small screen sizes.

Cool. I’m still trying to figure out how to declare it properly to only default to open on a specific page. this isn’t working:

.page-id-12760 .js .sidebar {
    display: block;
    right: 0;
    min-width: 150px;
}

I was stumped for a minute, but now I see. .js is actually a class set in the HTML opening tag, so we need to rearrange the selector a bit. Give the following a try.

.js .page-id-12760 .sidebar