#header 부분의 크기가 늘어날 경우

다음 부분도 함께 크기를 늘려줘야 합니다.

 

- #header 가 상단 고정이므로 #container 상단에 해당 크기만큼 여백을 추가하는 소스

 

 

/* MOBILE - 뷰포트 CSS */
@media all and (max-width:102*px) {
    #viewport {position:relative;width:100%;overflow-x:hidden}
    #viewport #header {position:fixed;left:0;top:0;width:100%;transition:all 300ms ease}
    #viewport #container {position:relative;z-index:100;padding-top:50px}
    #viewport #main_view,
    #viewport #sub_view {position:relative;left:0;top:0;transition:all 300ms ease}
    #viewport.app_view #container {padding-top:0}

 

 

 #viewport #container {position:relative;z-index:100;padding-top:50px}