질문과 답변

최근본상품
TOP
DOWN

질문과 답변

shop 18번 메뉴 나타나는 위치

0
0
총 채택 포인트 10 포인트
채택된 회원에게 주는 후원 포인트 8 포인트
채택 후 작성자(이광재) 회수 포인트 2 포인트

본문

shop18번 테마 현재 모바일에서 메뉴버튼을 누르면 왼쪽에서 뜨는데

오른쪽에서 뜨게 하고 싶습니다.

수정해야할 파일들이나 팁좀 알려주시면 감사하겠습니다 ㅜㅜ

- 이광재 - 회원등급 : 지하계 / Level 2
포인트 522
경험치 313
[레벨 2] - 진행률 29%
- 가입일 : 2018-01-31 15:19:13
- 서명 : 미입력
- 자기소개 : 미입력

댓글목록 2

이윰EGG님의 댓글

베스트 1
채택

메뉴는 sidebar는 left로 설정되어 있으며 오른쪽 출력을 원한다면 right로 변경을 해야 합니다.
아래의 수정한 부분을 참고하기 바랍니다.

/e3r_shop_0018/skin_bs/shop/basic/head.skin.html
59줄


<div class="header-center">
	<nav class="header-nav sidebar right">
        <div class="sidebar-right-content">
            <h5 class="mobile-nav-title">MENU</h5>

132줄

<!--{* 모바일 메뉴 호출 버튼 - 폭 992px 이하에서 출력 *}-->
<li class="mobile-nav-trigger">
	<a href="#" class="sidebar-right-trigger" data-action="toggle" data-side="right" title="메뉴 버튼">
        <span class="sr-only">Toggle navigation</span>
        <span class="fa fa-bars"></span>
    </a>
</li>


/e3r_shop_0018/skin_bs/shop/basic/js/shop_app.js
95줄

	    $(".sidebar-right-trigger[data-action]").on("click", function() {
	        var $this = $(this);
	        var action = $this.attr("data-action");
	        var side = $this.attr("data-side");
	        $(".sidebar." + side).trigger("sidebar:" + action);
	        $("html").toggleClass("overflow-hidden");
	        $(".sidebar-right-mask, .sidebar-right-content").toggleClass("active");
	        return false;
	    });


/e3r_shop_0018/skin_bs/shop/basic/css/shop_style.css
93줄

@media (max-width: 991px) {
	.sidebar.right {z-index:999;display:none;position:fixed;top:0;right:0;bottom:0;width:280px;background:#F3F3F3}
	.sidebar-right-mask {display:none}
	.sidebar-right-mask.active {display:block;position:fixed;top:0;bottom:0;left:0;right:0;z-index:998;background:#000;opacity:0.5}
	.sidebar .sidebar-right-content.active {position:relative;height:100%;width:100%;box-shadow:0 0 5px rgba(0,0,0,0.25);overflow-y:auto;-webkit-overflow-scrolling:touch}


/e3r_shop_0018/layout/misc_bs.html
352 줄 <div class="sidebar right"> 부분 주석 또는 삭제 - 테마정보 패널 출력 부분과 중복되기 때문(사용을 원한다면 left를 right로 변경후 해당 css 스타일 수정)

<div class="sidebar right">
...
</div>


감사합니다.

축하합니다. 첫댓글 포인트 35포인트를 획득하였습니다.

이윰EGG님의 댓글

채택

메뉴는 sidebar는 left로 설정되어 있으며 오른쪽 출력을 원한다면 right로 변경을 해야 합니다.
아래의 수정한 부분을 참고하기 바랍니다.

/e3r_shop_0018/skin_bs/shop/basic/head.skin.html
59줄


<div class="header-center">
	<nav class="header-nav sidebar right">
        <div class="sidebar-right-content">
            <h5 class="mobile-nav-title">MENU</h5>

132줄

<!--{* 모바일 메뉴 호출 버튼 - 폭 992px 이하에서 출력 *}-->
<li class="mobile-nav-trigger">
	<a href="#" class="sidebar-right-trigger" data-action="toggle" data-side="right" title="메뉴 버튼">
        <span class="sr-only">Toggle navigation</span>
        <span class="fa fa-bars"></span>
    </a>
</li>


/e3r_shop_0018/skin_bs/shop/basic/js/shop_app.js
95줄

	    $(".sidebar-right-trigger[data-action]").on("click", function() {
	        var $this = $(this);
	        var action = $this.attr("data-action");
	        var side = $this.attr("data-side");
	        $(".sidebar." + side).trigger("sidebar:" + action);
	        $("html").toggleClass("overflow-hidden");
	        $(".sidebar-right-mask, .sidebar-right-content").toggleClass("active");
	        return false;
	    });


/e3r_shop_0018/skin_bs/shop/basic/css/shop_style.css
93줄

@media (max-width: 991px) {
	.sidebar.right {z-index:999;display:none;position:fixed;top:0;right:0;bottom:0;width:280px;background:#F3F3F3}
	.sidebar-right-mask {display:none}
	.sidebar-right-mask.active {display:block;position:fixed;top:0;bottom:0;left:0;right:0;z-index:998;background:#000;opacity:0.5}
	.sidebar .sidebar-right-content.active {position:relative;height:100%;width:100%;box-shadow:0 0 5px rgba(0,0,0,0.25);overflow-y:auto;-webkit-overflow-scrolling:touch}


/e3r_shop_0018/layout/misc_bs.html
352 줄 <div class="sidebar right"> 부분 주석 또는 삭제 - 테마정보 패널 출력 부분과 중복되기 때문(사용을 원한다면 left를 right로 변경후 해당 css 스타일 수정)

<div class="sidebar right">
...
</div>


감사합니다.

축하합니다. 첫댓글 포인트 35포인트를 획득하였습니다.

이광재님의 댓글

와 진짜 감사합니다 ㅜㅜㅜㅜ

질문과 답변 (채택기능) 게시판이 신설되었습니다.
질문과 답변 (구) 게시판은 글쓰기가 제한되오니 착오 없으시길 바랍니다. (댓글 및 조회는 여전히 가능합니다.)
채택포인트 : 최소 10 포인트 ~ 최대 1,000 포인트 설정하실 수 있습니다.
빠른 답변을 원하신다면 채택포인트를 높게 설정해 보세요. ^^

전체 625 건 - 1 페이지
제목
미해결
1
10p
젬스박 2018.07.20
미해결
1
10p
대하나 2018.07.19
미해결
2
80p
studyhaza 2018.07.17
미해결
1
10p
숲을지나 2018.07.17
미해결
0
10p
gang 2018.07.14
미해결
2
10p
비사소 2018.07.13
미해결
1
10p
공부하는디자이너 2018.07.12
해결
2
10p
제임스준 2018.07.12
미해결
0
10p
건우닷 2018.07.11
미해결
3
30p
재미조아 2018.07.11
미해결
0
10p
도니기미 2018.07.07
미해결
2
10p
gang 2018.07.06
미해결
3
10p
젬스박 2018.07.05
해결
8
10p
재미조아 2018.07.05
미해결
4
10p
gang 2018.06.30