반응형 모바일 메뉴 문제 해결방법요청 ㅠㅠ

핑돌

2018-02-28 (수) 17:43:53 3,426

Copy

<?php
define('_INDEX_', true);
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_CSS_URL.'/main.css?ver='.G5_CSS_VER.''.date("H:i:s").'">', 5);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/plugin/bxslider/jquery.bxslider.min.css">', 0);

if (G5_IS_MOBILE) {
    include_once(G5_THEME_MOBILE_PATH.'/index.php');
    return;
}

include_once(G5_THEME_PATH.'/head.php');
?>

<hr>

<head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <style>
             @media (max-width: 100px) {
                .a1 { display:block;}
                .a2 { display:block;}
                .a3 {display:block;}
        .a4 {display:block;}
        .a5 {display:block;}
        .a6 {display:block;}
        .a7 {display:block;}
              }

       .a1 { width:180px; height:177px; background-color:#ffffff; border:0px dotted1 black; display:inline-block;}
       .a2 { width:180px; height:177px; background-color:#ffffff; border:0px dotted1 black; display:inline-block; margin-left: -3px;}
       .a3 { width:180px; height:177px; background-color:#ffffff; border:0px dotted1 black; display:inline-block; margin-left: -3px;}
       .a4 { width:180px; height:177px; background-color:#ffffff; border:0px dotted1 black; display:inline-block; margin-left: -3px;}
       .a5 { width:180px; height:177px; background-color:#ffffff; border:0px dotted1 black; display:inline-block; margin-left: -3px;}
       .a6 { width:180px; height:177px; background-color:#ffffff; border:0px dotted1 black; display:inline-block; margin-left: -3px;}
       .a7 { width:180px; height:177px; background-color:#ffffff; border:0px dotted1 black; display:inline-block; margin-left: -3px;}
        </style>
    </head>

<?php /* 메인페이지 비쥬얼 슬라이더 */ ?>
<section class="mainVisualImage hiddAction">
    <ul>
        <li>
            <img src="<?php echo G5_THEME_IMG_URL ?>/mainImg01.png" alt="">
            <h2 class="mvTit01">다카라스탠다드의 5가지 Quality</h2>
            <div class="mvTit02">
                <p class="mvTit02txt">반짝반짝 빛나는 견고함과 넉넉함, 자연친화적 편리함!!!</p>
            </div>
        </li>
        <li>
            <img src="<?php echo G5_THEME_IMG_URL ?>/mainImg02.png" alt="">
            <h2 class="mvTit01">법랑 시스템 키친으로</h2>
            <div class="mvTit02">
                <p class="mvTit02txt">마음설레는 하루하루를 보내세요.</p>
            </div>
        </li>
    </ul>
</section>

<hr>

<center>
<div class="a1"> <img align="left" src="/theme/purewhite/img/a1.jpg"></div>
<div class="a2"> <a href="http://www.sejungsystem.com/bbs/content.php?co_id=aaa"><img align="left" src="/theme/purewhite/img/a2.jpg"></div>
<div class="a3"> <a href="http://www.sejungsystem.com/bbs/content.php?co_id=sejungsystem"><img align="left" src="/theme/purewhite/img/a3.jpg"></div>
<div class="a4"> <a href="http://www.epost114.co.kr/ab-4154403"><img align="left" src="/theme/purewhite/img/a4.jpg"></div>
<div class="a5"> <a href="http://www.sejungsystem.com/bbs/content.php?co_id=map"><img align="left" src="/theme/purewhite/img/a5.jpg"></div>
<div class="a6"> <a href="http://www.sejungsystem.com/bbs/content.php?co_id=cs"><img align="left" src="/theme/purewhite/img/a6.jpg"></div>
<div class="a7"> <a href="http://www.sejungsystem.com/bbs/board.php?bo_table=video&page="><img align="left" src="/theme/purewhite/img/a7.jpg"></div>
</center>


    <?php
    if(defined('_INDEX_')) { /* index에서만 실행 */
        include G5_BBS_PATH.'/newwin.inc.php'; /* 팝업레이어 */
    }
    ?>

<script src="<?php echo G5_THEME_URL ?>/plugin/bxslider/jquery.bxslider.min.js"></script>
<script src="<?php echo G5_THEME_URL ?>/js/WEBsiting.main.js"></script>

<?php
include_once(G5_THEME_PATH.'/tail.php');
?>

3543168753_1519807344.8786.png

모바일로 보았을때 제품소개 오른쪽 버튼이 위로 사라짐 현상

이것을 없앴을때 정상이 됩니다...

뭐가 문제일까요 ㅠㅠ

고수님들 도와주세요 ㅠㅠ

그누보드5

답변 2개

채택된 답변

+20 포인트

P3NTAG0N

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-02-28 (수) 18:42:46

<h2>

<sub>www.sejungsystem.com

</a>

</h2>

사이트 접속 시 이렇게 소스가 보이는데

Copy

<a href="#" target="_self"><b>제품소개</b>

이 부분 지워주시고

Copy

<a href="http://www.sejungsystem.com/bbs/board.php?bo_table=video&amp;page="></a>

이 부분에

Copy

<b>제품소개</b>

이걸 붙여주시면 될듯요

Copy

<a href="http://www.sejungsystem.com/bbs/board.php?bo_table=video&amp;page="><b>제품소개</b></a>

이렇게요.

janedoe

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-02-28 (수) 18:49:41

메인페이지에 <head></head> 가 두번 들어가 있어요

슬라이드 위에 css 정의 하신 부분에 있는 <head></head>는 지워주시고

내용을 상단 <head></head> ,사이에 넣어서 확인해보세요

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

반응형 모바일 메뉴 문제 해결방법요청 ㅠㅠ

답변 2개

공유하기