냐울당 햄버거 메뉴

목차

    반응형

    안녕하세요. 플입니다.

    오늘은 모바일 디자인을 해보겠습니다.


    1. 모바일 버전 변경

    모바일 디자인은 상단에 모바일을 누르면 변경할 수 있습니다.

     


    2. 메뉴 디자인

    모바일 메뉴를 선택하면 디자인 변경이 가능합니다.

    디자인 사용자 지정을 들어가 디자인을 마음에 들게 변경합니다.

     

    모바일 메뉴의 확장 디자인도 여기서 변경이 가능합니다.

     


    3. 배경 변경

    배경의 글씨가 모바일에서는 잘려 보여서 수정해주려고 합니다.

    좌측 메뉴에서 배경 >  이미지를 눌러주세요.

     

    이미지에 마우스를 올리면 더보기 아이콘이 뜹니다.

     

    여기서 이미지 자르기 및 편집이 가능합니다.

     

    임의로 크기를 지정해줘도 괜찮고

    저처럼 크기 및 비율로 정해줘도 괜찮습니다. 수정이 끝났다면 저장을 눌러주세요.

     

    이미지가 추가된 것을 확인할 수 있습니다.

     

    이미지를 잘랐는데도 아직 글씨가 잘려 보입니다.

    설정을 눌러서 편집해주겠습니다.

     

    설정에서 이미지 위치를 좌측 끝으로 변경해주겠습니다.

     

    이제 배경에 글씨가 잘 나오는 걸 확인할 수 있습니다.

     


    4. 바닥글 변경

     

    바닥글의 폰트 사이즈정렬을 변경하고 마무리를 해줍니다.

    모바일 메인 페이지 작업이 완료되었습니다.

     

    그럼 이만.

    총총.

    .

    반응형

    'Design > web' 카테고리의 다른 글

    [wix] 요소 위치 고정 하기  (0) 2019.08.21
    [wix] 인트로 만들기  (0) 2019.07.30
    [wix] 구글 지도 넣기  (2) 2019.07.24
    [wix] 드롭다운 디자인  (2) 2019.07.23
    [wix] 서브페이지 만들기  (0) 2019.07.22
    댓글
    위쪽 화살표
    도움이 되었다면 공감(하트)과 댓글을 부탁드려요.
    로딩바