모바일 메뉴바 정렬
사용중인 테마 : GnuTailwindcss
모바일에서 메뉴바를 펼치면 위 사진에 보이듯 메뉴들이 왼쪽으로 정렬 되는데..
오른쪽 정렬로 바꾸려면 어디를 수정해야 할까요?.
|
답변 2개 / 댓글 1개
2022-08-07 (일) 11:24:50
아래 코드를 넣으세요.
Copy
<style>@media (max-width:640px){.text-left{text-align:right !important}.flex{display:block !important}}</style>
sinbi현재 홈페이지 주소를 남겨보세요.
그래야 도움 드릴 수 있습니다.
비공개 원하시면 아래 글 참고해 보세요.
https://homzzang.com/b/css-251 (수정할 대상 찾기)
https://homzzang.com/b/css-254 (요소 정렬/배치 관련 속성 모음)
답변에 대한 댓글 1개
feralsh
2022-08-07 (일) 11:59:16
답변을 작성하려면 로그인이 필요합니다.
이것이 펼쳐졌을때 전체 박스 부분 코드고
<nav :class="{'flex': open, 'hidden': !open}" class="w-full flex-col flex-grow pb-4 md:pb-0 md:flex md:justify-end md:flex-row bg-white flex">
이게 박스 내부에 메뉴 한줄마다 들어있는 코드인데
? <a href="https://테스트.net/bbs/board.php?bo_table=notice" class="flex items-center px-3 py-1 mt-2 rounded-lg md:mt-0 focus:text-indigo-500 hover:bg-indigo-200 focus:bg-indigo-198 focus:outline-none focus:shadow-outline">공지사항 </a>