탭메뉴 팝업창 모바일화면에서적용 문의

안녕하세요...

워드프레스하고는 관련이 없는데 혹시 도움받을수 있는지 몰라 문의드립니다.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>세중아 소식</title>
<link href="jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.tabs.min.css" rel="stylesheet" type="text/css">
<script src="jQueryAssets/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="jQueryAssets/jquery-ui-1.9.2.tabs.custom.min.js" type="text/javascript"></script>
</head>

<body>
<div id="Tabs1">
  <ul>
    <li><a href="#tabs-1">10월</a></li>
    <li><a href="#tabs-2">10월</a></li>
    <li><a href="#tabs-3">11월</a></li>
    <li><a href="#tabs-4">11월</a></li>
    <li><a href="#tabs-5">12월</a></li>
    <li><a href="#tabs-6">원아모집</a></li>
  </ul>
  <div id="tabs-1">
    <p><img src="http://www.sejoonga.co.kr/main/sejoonga_e_01.jpg"></p>
  </div>
  <div id="tabs-2">
    <p><img src="http://www.sejoonga.co.kr/main/sejoonga_e_02.jpg"></p>
  </div>
  <div id="tabs-3">
    <p><img src="http://www.sejoonga.co.kr/main/sejoonga_e_03.jpg"></p>
  </div>
    <div id="tabs-4">
    <p><img src="http://www.sejoonga.co.kr/main/sejoonga_e_04.jpg"></p>
  </div>
    <div id="tabs-5">
    <p><img src="http://www.sejoonga.co.kr/main/sejoonga_e_05.jpg"></p>
  </div>
    <div id="tabs-6">
    <p><img src="http://www.sejoonga.co.kr/main/sejoonga_e_06.jpg"></p>
  </div>
</div>
<script type="text/javascript">
$(function() {
	$( "#Tabs1" ).tabs(); 
});
</script>
</body>
</html>

제가 팝업창을 위 형식처럼 html로 탭메뉴를 만들어 올렸는데 모바일에서는 탭메뉴 적용이 안되서요. 모바일에서도 탭메뉴 적용이 되게 보이게 하려면 어떻게 하면 좋을지 조언부탁드립니다...

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요