테스트 사이트 - 개발 중인 베타 버전입니다

문의 드립니다. 채택완료

리버풀하이요 7년 전 조회 2,557

안녕하세요.

 

워드프레스 사용 중인데요  

 

 

위의 이미지는 반응형에서 메뉴가 아래로 출력됩니다.  

 

로고 옆으로 수정하고 싶은데요   

 

아시는 고수님들 알려주시면 감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 6개

채택된 답변
+20 포인트
7년 전

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu">
   <span class="sr-only">Toggle navigation</span>
   <span class="icon-bar"></span>
   <span class="icon-bar"></span>
   <span class="icon-bar"></span>
</button>

 

이부분을 로고관련 섹션안에 넣으시면 될듯합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

https://ko.wordpress.org/themes/enigma/

 

여기 테마 사용입니다.  미리보기 하시면 나옵니다

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

    <!-- Navigation  menus -->
    <div class="navigation_menu"  data-spy="affix" data-offset-top="95" id="enigma_nav_top">
        <span id="header_shadow"></span>
        <div class="container navbar-container" >
            <nav class="navbar navbar-default " role="navigation">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu">
                     
                      <span class="sr-only"><?php esc_html_e('Toggle navigation','enigma');?></span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                    </button>
                </div>
                <div id="menu" class="collapse navbar-collapse ">    
                <?php wp_nav_menu( array(
                        'theme_location' => 'primary',
                        'menu_class' => 'nav navbar-nav',
                        'fallback_cb' => 'weblizar_fallback_page_menu',
                        'walker' => new weblizar_nav_walker(),
                        )
                        );    ?>                
                </div>    
            </nav>
        </div>
    </div>

 

 

이거 소스입니다

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

좋은유머글 글씨를 줄여보세요 padding값으로 밀려난듯하네요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
7년 전

해당 html 요소를 찾아 직접 옮기는 방법과,

해당 요소에 position 속성 부여해서 옮기는 2가지 방법이 있겠네요.

 

이건 소스를 봐야 정확한 답변이 가능합니다.

 

혼자 해보시려면, 아래 좌표 참조해서 position 속성에 관해 공부해 보세요.

https://homzzang.com/b/css-108

 

 

두 번째 방법으로 하려면 이렇게...

position:absolute;

top:-숫자px;

right:숫자px;

 

이 경우 부모 요소에 position 속성이 있어야 하며,

만약 없을 경우 body 기준인가로 설정될 겁니다.

자세한 건 포스팅 참고하세요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

7년 전

해당 url을 알려주시면 좀 편하게 해결할거같습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인