하루 한 장 우쿨렐레 홈페이지 봄 스킨 업데이트

봄 느낌을 살려봤다. ㅎ

미리 캔버스 없었으면 어쩔뻔

 

 

모바일 버젼에 문제점도 해결 했다.

아무노래 챌린지를 헤드 타이틀 아래에 넣었는데 모바일에서 스크롤해서 위로 올리면 잘리는거...

그래서 CSS 파일에서 이것저것 엄청 건드리다가 결국 찾아냈다.

CSS의 아래 부분을 건드렸다

  #header.on > .inner {

    background-color: rgba(255,255,255,1); <--1이 투명도인데 0.9로 되어 있던 것을 아예 불투명하게 1로 바꿨다.

    min-height: 75px; <--- 이부분!

    height: 55px;

    position: fixed;

    z-index: 399;

    width: 100%;

    left: 0;

    top: 0;  

    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);

 

이제는 아래 부분까지 나온다. 더불어 불투명도를 100으로 맞췄더니 아래처럼 모바일에서 잘 나온다.