로고를 텍스토로 선택을 했을때 두번 나오는 문제 > 시즌3 질문과 답변

질문에 답변을 드리기에 정보가 많이 부족합니다.
조금 더 구체적으로 제가 알아 볼 수 있도록 화면을 캡쳐해 주시거나 URL을 알려주시면 답변드리는데 도움이 될 것 같습니다.
감사합니다.

gang님 안녕하세요.

이미 수정 작업을 하신 후라 pc 버전일때 어떤 식으로 수정하셨는지 모르기 때문에 설명드리기 힘드네요.
기본 basic3 테마 기준
좌측 상단의 로고는  테마 내 /layout/head_bs.html 파일 53라인쯤 {config.cf_title} 코드입니다.
바로 밑 로고는 120라인 쯤 아래 소스를 참고해 보시기 바랍니다.

기존

	    <div class="header-title">
		    <div class="header-title-in">
		        <div class="container">
			        <a href="{C.G5_URL}">
						<!--{? logo == 'text'}-->
						<h1>{config.cf_title}</h1>
						<!--{: logo == 'image' //로고 이미지 크기는 360x80픽셀 권장}-->
						<img src="../image/site_logo.png" class="title-image-center" alt="{config.cf_title} LOGO">
						<!--{/}-->
					</a>
		        </div>
		    </div>
	    </div>

검색창으로 변경할 경우

	    <div class="header-title">
		    <div class="header-title-in">
		        <div class="container">
			        검색창 소스
		        </div>
		    </div>
	    </div>

다음처럼 했는데 모바일에서는 검색창이 안나옵니다
피씨에서는 나옵니다

<!--{? C.G5_IS_MOBILE // 모바일에서만 출력}-->
        <div class="header-title-search hidden-sm hidden-xs">
<form name="fsearchbox" method="get" action="{C.G5_BBS_URL}/search.php" onsubmit="return fsearchbox_submit(this);" class="eyoom-form">
<input type="hidden" name="sfl" value="wr_subject||wr_content">
<input type="hidden" name="sop" value="and">
<label for="sch_stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
<div class="input input-button">
<input type="text" name="stx" id="sch_stx" maxlength="20" placeholder="search all post except goods">
<div class="button"><input type="submit"><i class="fa fa-search"></i></div>
</div>
</form>
</div>
              <!--{/}-->

<div class="header-title-search hidden-sm hidden-xs">  <--- 여기 클래스 중 hidden-sm hidden-xs 를 지워주세요.
부트스트랩 기본 CSS 클래스인데
hidden-xs은 모바일 화면크기(767픽셀 이하)에서 안보이게 하는 클래스이고,
hidden-sm은 태블릿 화면크기(768픽셀 이상 ~ 991픽셀 이하)에서 안보이게 하는 클래스라고 보시면 됩니다.

감사합니다. 잘 나옵니다 ^^ 공부하기 싫은데 자꾸 머가 나오네요
그런데 검색창 사이즈를 조절하러면 어떻게 해야 하나요?

간단하게 해당 html에 아래와 같이 바로 스타일 처리 하시면 될것 같습니다. (넓이 width는 적당히 조절하세요. margin-left는 넓이의 반을 마이너스)

<div class="header-title-search" style="width:300px;margin-left:-150px">

이쁘게 잘 나옵니다..감사합니다