모바일 스와이프 메뉴 위치고정 질문드립니다 채택완료

스와이프 되는 메뉴를 구현하려고 하는데요

스와이프는

http://idangero.us/swiper/demos" target="_blank" class="tx-link" style="color: rgb(48, 125, 230); text-decoration-line: none;">http://idangero.us/swiper/demos 

여기에 있는  Responsive Breakpoints (Open in new window)

이것을 적용한 것인데요 

제가 문제되는건 

뒤에 있는 메뉴를 클릭하면 

클릭후 그 메뉴글씨가 보여야되는데 

맨 처음으로 돌아가버리는걸로 

위치고정을 하고싶은데요 

swiper.min.js 파일에 있는

initialSlide:0 을 

0대신 더 큰 숫자 입력하면

앞에 기본설정이 안보이고 더 뒤에서부터 보이더라고요 

그런식으로 숫자를 늘려서 위치조정을 하려고 하는데 

변수설정을 하라고 해서 

 initialSlide: <?php echo $menuNumber; ?> 

0대신 이렇게 입력만 하면

https://sir.kr/data/editor/1710/b0a100d290c6435ab4fdfa8ae2c7e30a_1507726967_6915.png" title="b0a100d290c6435ab4fdfa8ae2c7e30a_1507726967_6915.png" style="color: rgb(34, 34, 34); font-family: 돋움, Dotum; font-size: 14.6667px;"> 

이런식으로 오로지 하나만 보입니다 

숫자만 되고 

저렇게 입력하면 안되는데요 

물론 js파일이 아닌 head.php파일에 있는 스크립트에 넣어도 

저렇게 나와버립니다 

혹시 저렇게 하면 안되는걸까요?

이건 적용하는 파일 head.php에 또 넣은 스크립트 코드인데요 

여기에 넣어봐도 다 같은 오류만 나옵니다 

제가 적용한것은 변수설정이 안되는걸까여?

조언좀 부탁드립니다