테마질문입니다

테마질문입니다

QA

테마질문입니다

본문

이 테마에대해 질문할데가 없네요 ㅜㅜ

http://a03.islro.com/

인데, 상단 메뉴를 하얀색으로 바꾸고 글씨색을 검게 바꾸니

모바일에서 메뉴가 안보여지네요(글씨색이까매져서..)

#header { height:110px; position:fixed; top:0; width:100%; z-index:100; background:#fff; transition:all .3s; color:#fff; }
#header a { color:#333}
#header h1 { float:left; }
#header h1 a { font-size:1.7em; display:inline-block; line-height:70px; font-weight:600; text-transform:uppercase; }
#header .gnb { float:right; transition:all .3s; text-align:center; margin-right:10px }
#header .gnb .depth1 { float:left; padding:0 35px; position:relative; }
#header .gnb .depth1 > a { display:inline-block; line-height:68px; height:70px; font-size:1.25em; font-weight:600; min-width:80px; color:#333  }
#header .gnb .depth1 ul { padding-top:0; transition:all .5s; background:#222; position:absolute; width:100%; left:50%; transform:translateX(-50%); margin-top:-7px; border:1px solid #222; max-height:0; overflow:hidden; opacity:0 }
#header .gnb .depth1:hover ul { max-height:300px; border-color:rgba(255,255,255,0.5); opacity:1 }
#header .gnb .depth2 > a { display:block; font-weight:500; font-size:1.05em; line-height:1.3; padding:15px 10px; color:rgba(255,255,255,0.6); border-top:1px solid rgba(255,255,255,0.2) }
#header .gnb .depth2 > a:hover { background:#000; color:#fff }
#header .gnb .depth2:first-child a { border:0 }
#header .btn_user { float:right; margin:20px 0 0 0; display:block; font-size:19px }
#header .user { position:absolute; right:-35px; top:60px; width:80px; opacity:0; transition:all .3s }
#header .user a { border:1px solid #ddd; display:block; height:0; line-height:37px; font-size:0.85em; padding:0 12px; text-transform:uppercase; margin-left:-1px; text-align:center; margin-top:-1px; color:rgba(0,0,0,0.5); background:#fff; font-weight:400 }
#header .user a:hover { color:#222 }
#header .user.on { opacity:1 }
#header .user.on a { height:40px }
#header .sns { float:right; margin:22px 13px 0 0 }
#header .sns li { float:left; margin:0 3px }
#header .sns li a { width:24px; height:24px; display:block; background-position:0 0; background-repeat:no-repeat; overflow:hidden; text-indent:-9000px; font-size:0 }
#header .sns li:nth-child(1) a { background-image:url(../img/icon_kakao_bg.png) }
#header .sns li:nth-child(2) a { background-image:url(../img/icon_insta_bg.png) }
#header .sns li:nth-child(3) a { background-image:url(../img/icon_youtube_bg.png) }
#header .btn_search { float:right; margin:20px 20px 0 0; display:block; font-size:19px }
.hd_sch_wr { display:none; margin:0; padding:0 }
.hd_sch_wr.on { display:block; position:fixed; left:0; top:0; width:100%; height:100%; z-index:101 }
.hd_sch_wr .box { width:400px; background:#fff; left:50%; top:50%; transform:translate(-50%, -51%); position:absolute; }
.hd_sch_wr .bo_sch_bg { background:rgba(0,0,0,0.7); width:100%; height:100% }
.hd_sch_wr header { background:#4c525c; text-align:center; color:#fff; font-size:1.25em; font-weight:500; line-height:48px; height:50px }
.hd_sch_wr header .btn_close { width:25px; height:25px; position:absolute; right:10px; top:0; border:0; background:transparent; display:inline-block; border-radius:0; font-size:0 }
#hd_sch { border-radius:0; padding:20px }
#hd_sch #sch_stx { background:#fff; border:1px solid #ddd; width:calc(100% - 50px); color:#222; border-radius:5px 0 0 5px; border-right:0; font-size:1.05em }
#hd_sch #sch_submit { width:50px;background:#fff; border:1px solid #ddd; color:#222; border-radius:0 5px 5px 0; border-left:0 }
#hd_sch #sch_submit i {vertical-align:2px }
 

모바일에서 보여지는 글씨색만 따로 바꿀수는 없나요?

 

 

이 질문에 댓글 쓰기 :

답변 2

#header a { color:#333}

->

#header a { color:#333}

@media (max-width:767px) {

  #header a { color:#fff}
}

답변을 작성하시기 전에 로그인 해주세요.
전체 123,126 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT