묻고답하기

안녕하세요. 개인 포트폴리오 사이트를 만들고 있는 사람입니다.

방금 전에 웹사이트 관련 질문 하나 올렸었는데 모바일 페이지에도 문제가 하나 있어서 이렇게 연달아 올리게 되었습니다.

먼저 죄송합니다.

 

 

 

IMG_2908.jpg

 

제 웹사이트 모바일 페이지 화면인데요.

the dreamer 스킨을 수정해서 사용하고 있는데

제가 이것 저것 만져서 그런지, 상단에 로고(gaeullee 로고) 를 클릭해도 홈으로 넘어가지 않는 문제가 생겼습니다.

url 설정이 잘못되어 있는 것 같은데, 어느 부분을 어떻게 설정해야 홈으로 넘어갈 수 있을까요?

 

아래 layout.min.css 파일입니다.

초보자 질문이지만 혼자서는 답이 안나와서.. 꼭 답변부탁드립니다. 

감사합니다.

 

 

/* FONT */
@import url('//fonts.googleapis.com/css?family=Raleway:700,400');
@import url('//fonts.googleapis.com/css?family=Open+Sans');
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,800|Lora:400italic|Playfair+Display:700);

@font-face{font-family:'ng';font-style:normal;font-weight:200;
src:url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-UltraLight.eot');
src:url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-UltraLight.eot?#iefix') format('embedded-opentype'),
      url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-UltraLight.woff') format('woff'),
      url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-UltraLight.ttf') format('truetype');}

@font-face{font-family:'ng';font-style:normal;font-weight:300;
src:url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Light.eot');
src:url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Light.eot?#iefix') format('embedded-opentype'),
      url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Light.woff') format('woff'),
      url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Light.ttf') format('truetype');}
 
/* COMMON PROPERTY */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,td,table,dd,th,form,fieldset,legend,input,textarea,button,select {outline:0; border:0; margin:0; padding:0; -webkit-text-size-adjust:none}
body {font-family:'Raleway',ng; height:100%; background:#f1f1f1; -webkit-font-smoothing:antialiased; overflow-x:hidden; overflow-y:scroll}
a {text-decoration:none; outline:none; cursor:default}
button:focus {outline:none}

/* HEADER */
.page-header {z-index:2; width:100%; height:60px; line-height:60px; position:fixed; top:0; left:0; box-sizing:border-box;}
.page-header > a {font-family:ng; font-size:21px; position:absolute; left:59px; color:#fff; font-weight:600; outline: none;}
.page-header > a > img {vertical-align:middle; max-height:50px; max-width:150px}
.page-header > a:hover, a:focus {color:#c7c7c7; outline:none}
.page-header.off-canvas {top:-60px}
.page-header.fixed {top:0}

.menu-search > i, .menu-member > i {color:#fff}
.menu-member {position:absolute; top:15px; right:55px; display:block; width:30px; height:30px; background:none; border:none; margin:0}
.menu-search {position:absolute; top:15px; right:10px; display:block; width:30px; height:30px; background:none; border:none; margin:0}

.swiper-container {background:#fff; top:60px; height:40px; right:0; width:100%; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
.swiper-slide {display:inline-block; top:3px; margin:0; text-align:center; height:40px; line-height:35px;}
.swiper-slide a {position:absolute; left:0; width:100%; font-size:12px; text-decoration:none; font-weight:bold; color:#eee}
.swiper-slide a.on {outline:none; font-size:12px; border-bottom:2px solid #fff; color:#fff}

.swiper-slide i {vertical-align:-1px}

/* CONTENT */
.cd-main-content {min-height:100vh}
.content-fa {position:relative !important; height:100%; min-width:100vw; margin:0 auto; padding-top:65px; font-family:ng; font-size:12px; background:#fafafa}
.bd {position:initial; padding:0; margin:0; width:100vw; min-height:calc(100vh - 185px)}

/* FOOTER */
.footer-fa {height:100px;  margin:0 auto; width:100vw; padding-bottom:20px; background:#f1f1f1; text-align:center}
.footer-fa a {text-decoration:none}
.ft_icon {padding-top:20px; padding-bottom:10px; font-size:15px;}
.ft_icon a {margin:0 10px; color:#666}
.ft_icon a:hover,a:focus {color:#f5f5f5; outline:none}    
.ft_menu li {display: inline-block;}
.ft_menu li a {color:#666; font-size:10px; padding:0 7px; border-left:2px solid #eee}
.ft_menu li:first-child a {border-left:0}
.footer-fa p {margin-top:5px}
.footer-fa span {font-family:'Raleway'; color:#666}
.footer-fa .ft-title {color:#444; font-size:13px; font-weight:400; border-bottom:1px dashed #666}


/* SCROLL UP */
.cd-top {display:inline-block; height:40px; width:40px; position:fixed; bottom:40px; right:10px; box-shadow:0 0 10px rgba(0, 0, 0, 0.05); overflow:hidden; text-indent:100%; white-space:nowrap; background:rgba(255, 60, 106, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%; visibility:hidden; opacity:0; -webkit-transition:opacity .3s 0s, visibility 0s .3s; -moz-transition:opacity .3s 0s, visibility 0s .3s; transition:opacity .3s 0s, visibility 0s .3s; z-index:20}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition:opacity .3s 0s, visibility 0s 0s; -moz-transition:opacity .3s 0s, visibility 0s 0s; transition:opacity .3s 0s, visibility 0s 0s}
.cd-top.cd-is-visible {visibility:visible; opacity:1}
.cd-top.cd-fade-out {opacity:.5}
.no-touch .cd-top:hover {background-color:#e86256; opacity: 1}

/* POPUP WINDOW - COMMON PROPERTY */
.img-replace {display:inline-block; overflow:hidden; text-indent:100%; color:transparent; white-space:nowrap}
.cd-buttons:after {content:""; display:table; clear:both}
.cd-buttons li {float:left; width:50%}
.cd-buttons a {display:block; height:60px; line-height:60px; text-transform:uppercase; color:#FFF; -webkit-transition:background-color 0.2s; -moz-transition:background-color 0.2s; transition:background-color 0.2s}
.cd-buttons li:first-child a {background:#5b9ac2; border:0}
.cd-buttons li:last-child a {background:#ccc; border:0}
.no-touch .cd-buttons li:first-child a:hover {background-color:#fc8982}
.no-touch .cd-buttons li:last-child a:hover {background-color:#c5ccd8}
.cd-popup-close {position:absolute; top:8px; right:2px; width:30px; height:30px}
.cd-popup-close::before, .cd-popup-close::after {content:''; position:absolute; top:12px; width:14px; height:3px; background-color:#8f9cb5}
.cd-popup-close::before {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); left:8px}
.cd-popup-close::after {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform: otate(-45deg); right:8px}

/* LOGIN WINDOW */
.cd-popup {position:fixed; z-index:20; left:0; top:0; height:100%; width:100%; background-color:rgba(0, 0, 0, 0.85); opacity:0; visibility:hidden; -webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition:opacity 0.3s 0s, visibility 0s 0.3s; transition:opacity 0.3s 0s, visibility 0s 0.3s}
.cd-popup.is-visible {opacity:1; visibility:visible; -webkit-transition:opacity 0.3s 0s, visibility 0s 0s; -moz-transition:opacity 0.3s 0s, visibility 0s 0s; transition:opacity 0.3s 0s, visibility 0s 0s}
.cd-popup-container {position:relative; width:90%; max-width:400px; padding-top:8px; margin:32px auto; background:#FFF; text-align:center; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); -webkit-transform:translateY(-40px); -moz-transform:translateY(-40px); -ms-transform:translateY(-40px); -o-transform:translateY(-40px); transform:translateY(-40px); -webkit-backface-visibility:hidden; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; transition-property:transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s}
.is-visible .cd-popup-container {-webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0)}
.bt_login {width:100%; height:60px; text-align:center; float:left; border:0; outline:0; font-weight:500; font-size:16px; background:#ccc; color:#fff}
.login_input {width:100%; height:80px; margin:40px 0 5px 0; text-align:center}
.login_input input {margin-bottom:10px; padding-left:8px; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #eee; background:#fff; color:#444; font-weight:bold; outline:0; width:92%; height:40px}
.cd-popup a, .cd-popup input, .cd-popup label {font-family:'Raleway'}
.keep_login {padding-top:35px; margin-bottom:3px; width:100%; height:30px; background:#fff;}
.keep_login label {line-height:30px; font-size:10px; color:#999; font-weight:bold;}
.keep_login a {height:30px; width:50%; float:right; line-height:30px; font-size:10px; font-weight:bold; text-decoration:none; color:#999}

/* MEMBER WINDOW */
.cd-popup-b {position:fixed; z-index:20; left:0; top:0; height:100%; width:100%; background-color:rgba(0, 0, 0, 0.85); opacity:0; visibility:hidden; -webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition:opacity 0.3s 0s, visibility 0s 0.3s; transition:opacity 0.3s 0s, visibility 0s 0.3s}
.cd-popup-b.is-visible-b {opacity:1; visibility:visible; -webkit-transition:opacity 0.3s 0s, visibility 0s 0s; -moz-transition:opacity 0.3s 0s, visibility 0s 0s; transition:opacity 0.3s 0s, visibility 0s 0s}
.cd-popup-container-b {position:relative; width:300px; margin:2.7em auto; background:#FFF; text-align:center; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); -webkit-transform:translateY(-40px); -moz-transform:translateY(-40px); -ms-transform:translateY(-40px); -o-transform:translateY(-40px); transform:translateY(-40px); -webkit-backface-visibility:hidden; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; transition-property:transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s}
.memberinfo {width:100%; height:375px; background:url('../img/kj.png') no-repeat; background-size:100%}
.memberinfo img {position:absolute; top:75px; left:32px; width:95px; height:95px}
.mi_profile_a {width:136px; position:absolute; top:73px; right:18px}
.mi_profile_a table {margin:10px 0; width:100%; color:#888; border:0; font-size:13px; text-align:left; border:0}
.mi_profile_a table:first-child {margin-top:0}
.mi_profile_a table:last-child {margin-bottom:0}
.mi_profile_a td {display:block; width:130px; padding:2px 8px;}
.mi_profile_a .id_style {color:#222; padding-left:8px !important; font-size:10px}

.mi_profile_b {position:absolute; width:130px; top:222px; left:5px}
.mi_profile_b ul {margin:11px 0; text-align:right}

.mi_profile_b li {display:inline-block; padding:0 8px 0 5px; border-right:1px solid #aaa}
.mi_profile_b li > a {text-decoration:none; color:#777; font-size:13px}
.mi_profile_b li > a:hover, a:focus {color:#eee} 
.mi_profile_b li:last-child {border-right:0}
.is-visible-b .cd-popup-container-b {-webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0)}


/* SEARCH WINDOW */
.cd-popup-c {position:fixed; z-index:20; left:0; top:0; height:100%; width:100%; background-color:rgba(0, 0, 0, 0.85); opacity:0; visibility:hidden; -webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition:opacity 0.3s 0s, visibility 0s 0.3s; transition:opacity 0.3s 0s, visibility 0s 0.3s}
.cd-popup-c.is-visible-c {opacity:1; visibility:visible; -webkit-transition:opacity 0.3s 0s, visibility 0s 0s; -moz-transition:opacity 0.3s 0s, visibility 0s 0s; transition:opacity 0.3s 0s, visibility 0s 0s}
.cd-popup-container-c {position:relative; width:92%; margin:4.3em auto; background:#FFF; text-align:center; -webkit-transform:translateY(-40px); -moz-transform:translateY(-40px); -ms-transform:translateY(-40px); -o-transform:translateY(-40px); transform:translateY(-40px); -webkit-backface-visibility:hidden; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; transition-property:transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s}
.is-visible-c .cd-popup-container-c {-webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0)}
.searchfield td {background:#fff; width:100%; margin:0; padding:0 5px 0 5px}
.searchfield input[type="search"] {color:#222; width:100%; border:0; box-sizing:border-box; height:60px; padding:0 5px 0 5px; font-weight:bold; font-size:16px; outline:0; }
.searchfield input#submit_img {padding:20px; border:0; margin:0; width:40px; height:40px; outline:none; background:url(../img/search.png); background-repeat:no-repeat}

/*PLACEHOLDER COLOR*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#bbb}
input:-moz-placeholder, textarea:-moz-placeholder {color:#bbb}
input::-moz-placeholder, textarea::-moz-placeholder {color:#bbb}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#bbb}

/*TYPING FIELD 'X' REMOVE*/
input[type=text]::-ms-clear {display:none; width:0; height:0}
input[type=text]::-ms-reveal {display:none; width:0; height:0}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display:none}
 

 

 

 

 

태그 연관 글
  1. [2021/07/20] 묻고답하기 사이트맵에서 클릭시 새창열기로 가능한가요? by Alexander *2
  2. [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요? by 가입명
  3. [2020/01/31] 묻고답하기 2단메뉴 by ppumweb *2
  4. [2019/10/20] 묻고답하기 html 사진 슬라이드 질문 by 나비 *2
  5. [2019/10/10] 묻고답하기 cafe24 XE3 STEP 3 단계에서 에러가 발생합니다. by nothing *3
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
마루타현 스케치북 폼 변경 문의 [2] 2016.01.25 by 마루타현
서사모 카카오톡보내기 할때 첨부이미지가 안되요~ 어디가 잘못된건지 ㅜㅜ file  
오픈퀴어 스크롤 따라다니는 퀵메뉴 배너 [3] 2015.12.14 by 오픈퀴어
세상의모든계산기 (크롬&관리자 상태일 때) MathJax 로딩이 상당히 버벅입니다. [3] 2015.12.12 by 세상의모든계산기
채리75 다중 홈페이지 뭐가 틀린건가요? [1] file 2015.12.12 by sejin7940
봉드레88 [고수님들의 도움요청 ]페이지 삽입문제 [1] 2015.12.10 by GG
GELEE 모바일 레이아웃에서 상단 로고 클릭시 홈으로 이동하지 않는 문제 [2] file 2015.12.09 by GELEE
smiling 확장변수를 **별표처리 하는법 있을까요?  
키스미베이베 메뉴 만들기좀 도와주세요 [2] file 2015.11.26 by 키스미베이베
보소보소 누리고 상세설명 이미지 오류 file  
namoo+ 모든 기능은 정상이나 회원가입 및 정보수정이 안 됩니다. ㅜ.ㅠ [9] 2015.11.08 by 빤뻔
댑펑 댓글 글자수를 mysqladmin 상에서 한 것 같습니다. [4] 2015.11.02 by 댑펑
김유석 이 API 토큰발급 어떻게 하나요? [1] 2015.10.21 by 부산민지아빠
김유석 API에 관해 질문좀..ㅠㅠ 제발..  
first 중대형 커뮤니티 운영 관련해 서버 선택 질문 드립니다 [9] 2015.09.25 by first
갤럭시탭 추천/비추천 후 팝업창 노출 문의 [1] 2015.09.22 by EISOFT
장기기억 xe에 webengine 레이아웃 수정법 [1] 2015.09.22 by 로이조52
GodBlessYou 업데이트후 http 500 내부서버오류.. [1] 2015.09.19 by 기진곰
가르송 mysql 전문가님들 안계신가요?ㅠㅠ [1] file 2015.09.18 by 기진곰
가르송 확실히 알려주시는분께 만원쏩니당 [3] 2015.09.18 by DoorWeb