【TCD025】INNOVATE HACKカスタマイズ

スマホにもロゴ画像表示

responsive.css

【前】

/* ロゴ */

#logo_text { position:absolute; top:20px; left:15px; margin:0; z-index:9999; }

#logo_text h1 { font-size:18px; font-weight:normal; }

#logo_text a, #logo_image h1 a { color:#333; text-decoration:none; display:block; }

#logo_text a:hover, #logo_image h1 a:hover { text-decoration:underline; }

#logo_image {  position:absolute; top:20px; left:15px; margin:0; }

#logo_image h1 { top:0px !important; left:0px !important; margin:0; padding:0; line-height:100%; font-size:18px; }

#logo_image h1 img { display:none; }

#logo_image h1 a:before { content:attr(data-label); }

【後】

/* ロゴ */

#logo_text { position:absolute; top:20px; left:15px; margin:0; z-index:9999;}

#logo_text h1 { font-size:18px; font-weight:normal; }

#logo_text a, #logo_image h1 a { color:#333; text-decoration:none; display:block; width:78%; }

#logo_text a:hover, #logo_image h1 a:hover { text-decoration:underline; }

#logo_image {  position:absolute; top:10px; left:15px; margin:0;}

#logo_image h1 { top:0px !important; left:0px !important; margin:0; padding:0; line-height:100%; font-size:18px; }

#logo_image h1 img { max-width:100%; }

 

 

 

関連記事

ページ上部へ戻る
Top