Slideshow & responsive wed problems

Hey fellas,
Hey and thank you for trying to help,

my codepen: https://codepen.io/osher-zalman/pen/ewaOay?editors=1100
my site: cakes slider

As you can see the slider is not showing in the page.
the HTML, CSS and JS are all in the same folder at the FTP.

as im writing this, i noticed:

.mySlides {
display: none;
max-width: 950px;
margin-left: auto;
margin-right: auto;
width: 50%;
}

is this what causing the problems?

also:
in mobile, the “burger” menu doesnt open. in a small window on my laptop it does open.

How can i fix those problems?
Thank you guys!

To state the obvious, you didn’t copy your functioning pen to your site accurately. Inspector tools say that when you click on the hamburger the server returns 404 not found. So it cant find the menu. I can’t really debug the javascript for you. There’s a function called diff git has it some online webpages offer it as a GUI tool to compare the source files between your to deployments so you don’t have to do it manually.

FYI the slide and the menu can both be done without javascript. If you prefer.

PS Same with your cake slider get resulted 404 5 times and aborted the last time. Seems like your paths aren’t correct for the new site.