테스트 사이트 - 개발 중인 베타 버전입니다

모바일 메뉴바 정렬

feralsh 3년 전 조회 1,873

 

 

사용중인 테마 : GnuTailwindcss 

 

모바일에서 메뉴바를 펼치면 위 사진에 보이듯 메뉴들이 왼쪽으로 정렬 되는데..

오른쪽 정렬로 바꾸려면 어디를 수정해야 할까요?.

 

 

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

들레아빠

아래 코드를 넣으세요.

</p>

<p><style>@media (max-width:640px){.text-left{text-align:right !important}.flex{display:block !important}}</style></p>

<p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
3년 전

현재 홈페이지 주소를 남겨보세요.

그래야 도움 드릴 수 있습니다.

 

비공개 원하시면 아래 글 참고해 보세요.

https://homzzang.com/b/css-251 (수정할 대상 찾기)

https://homzzang.com/b/css-254 (요소 정렬/배치 관련 속성 모음)

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

f
feralsh
3년 전
헉. 답변 감사합니다. 알려주신 링크로 어느 부분인지 찾았는데요. 오른쪽 정렬을 어찌 해야 할지 모르겠습니다.ㅠㅠ

이것이 펼쳐졌을때 전체 박스 부분 코드고

<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>

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인