The solution suggested here (Responsive Breakpoint for iPad - #5 by cyberdave) won’t work as I have need to use interactions on the nav. On desktop the nav is already set to none to allow for the interactions. So when I use the below code, the interactions cancel out.
@media (max-width: 1024px) { #desktop-nav {display: none;} #mobile-nav {display: block;} }Edit: This is solved now using a variation of the code.