이전 포스팅에 이어서 사이트 상단의 메뉴를 최종적으로 하기 이미지의 우측과 같이 변경할 것입니다. 좌측은 기존 디자인입니다. 반응형이기 때문에 PC, 태블릿, 모바일 버전까지 미디어 쿼리가 이미 작성되어있고 각각에 맞는 디자인 수정을 하겠습니다. 또한 [사이드 메뉴 버튼]을 우측으로 옮길 것이기 때문에 버튼을 클릭했을 때 좌측에서 우측으로 나오던 [사이드 메뉴]도 우측에서 좌측으로 나오도록 수정할 것입니다. 상단 메뉴의 우측에는 이미 [검색], [로그인], [관심상품] 아이콘들이 자리 잡고 있습니다. [사이드 메뉴 버튼]을 우측 끝으로 옮기려면 이 아이콘들도 지금 위치보다 우측 기준 더 좌측으로 이동해서 [사이드 메뉴 버튼]의 자리를 만들어 주고, [사이드 메뉴 버튼]을 우측 끝에 위치하도록 수정하겠습니..
진행하기에 앞서 필자는 리터칭 디자이너(포토 에디터)이고 실무를 하며 본업이 아닌 분야에 독학을 하고 있기 때문에 완벽하지 않고 모르는 것도 많은, 아마도 이 글을 검색해서 읽고 있는 여러분보다 모르거나 혹은 비슷한 수준일 것입니다. 부족할 순 있으나 여러분께 조금이라도 도움이 되었으면 하는 마음으로 작성합니다. 혹시나 잘못된 부분은 상냥하게 댓글로 알려주세요. 또 궁금하신 점도 댓글을 남겨주세요. 가능한 부분은 함께 고민해드리겠습니다. 카페24 무료 디자인을 살펴보던 중 꽤 괜찮은 반응형 무료 디자인을 발견했습니다. (22년 01월 기준) 카페24가 PC버전, 모바일 버전, 반응형, 에디봇 모드, 스마트 디자인 등 원래 다양한 무료 디자인을 공개했었으나 이번 무료 디자인은 정말 쇼핑몰에서 보편적으로 사..