리빌더 모바일메뉴 가로폭조정?
안녕하세요
마지막 정리 중인데 모바일에서 메뉴 제목이 짧아 가로폭이 너무 넓게 보여서 줄이고 본페이지가 보이게 하고 싶은데
폭은 줄였는데 화이트 배경때문에 가려져 있습니다 css에서는 별짓을 다해도 안되네요 bg컬러가 ffff 들어가있는게 막고있는거 같은데
도무지 해결을 못하고 있네요 어느부분을 수정하면...가능할까요?
마지막 정리 중인데 모바일에서 메뉴 제목이 짧아 가로폭이 너무 넓게 보여서 줄이고 본페이지가 보이게 하고 싶은데
폭은 줄였는데 화이트 배경때문에 가려져 있습니다 css에서는 별짓을 다해도 안되네요 bg컬러가 ffff 들어가있는게 막고있는거 같은데
도무지 해결을 못하고 있네요 어느부분을 수정하면...가능할까요?
|
답변 2개 / 댓글 7개
2026-07-10 (금) 14:36:16
.cbp-hrmenu-btm.active { width: 300px; }
main.moves { left: 300px; }
#m_gnb_close_btn { left: 0; opacity: 0; display: block; visibility: hidden; transition: all 0s; -webkit-tap-highlight-color: transparent; }
#m_gnb_close_btn.active { left: calc(300px - 60px); opacity: 1; visibility: visible; transition: all 0.5s; }
중복된 역할을 하는, 메뉴 공간이 비어 보일 수 있습니다.
답변에 대한 댓글 3개
atom0801
2026-07-10 (금) 15:19:13
줄이는건 .cbp-hrmenu-btm {position: fixed; top:0px; left: -100%; width: 100%; 100을70으로 줄였는데 먹고...cbp-hrmenu-btm.active { width: 300px; }도 잘 되는데 흰배경이 계속 나오네요.. 리빌더를 처음사용해봐서.. 메뉴를 누르면 우측으로 밀리면서 슬라이드 형태로 메뉴가 뜨는걸 보면 본페이지가 메뉴 하부에 깔리지 않는것도 같고요... 답변 감사합니다.
2026-07-10 (금) 15:48:45
left: 300px; 이라고 적어야 했는데, 답변 적다가 width: 300px로 잘못 적었네요. 답변 수정했으니 다시 시도해 보셔요.
atom0801
2026-07-10 (금) 16:42:01
아까 알려주신거 수정해서도 해보고 그랬는데 백컬러가 그대로 남더라고요 새로 해주신것도 그렇네요.
한달전쯤 다른거 보다가 어떤분이 올린 사진에 가로폭 반정도만 메뉴가 걸리고 그뒤로 본페이지가 보이길래 저도 해보려 했던건데 테마가 다르던가 그런가봅니다. 그글을 찾지도 못하겠네요. 자세히보니 본페이지를 슬라이드로 우측으로 밀면서 메뉴가 뜨는걸로 보아 생각한대로 구현이 어려울것도 같고요. 신경써주셔서 감사합니다 불금되세요
한달전쯤 다른거 보다가 어떤분이 올린 사진에 가로폭 반정도만 메뉴가 걸리고 그뒤로 본페이지가 보이길래 저도 해보려 했던건데 테마가 다르던가 그런가봅니다. 그글을 찾지도 못하겠네요. 자세히보니 본페이지를 슬라이드로 우측으로 밀면서 메뉴가 뜨는걸로 보아 생각한대로 구현이 어려울것도 같고요. 신경써주셔서 감사합니다 불금되세요
sinbi
f12키 개발자 모드에서 선택자 확인 가능합니다.
답변에 대한 댓글 4개
sinbi
2026-07-10 (금) 14:06:20
수정 후엔 캐시새로고침하거나 매개변수를 추가해 반영시켜야 CSS 바뀐 게 적용됩니다.
https://homzzang.com/b/css-248
위처럼 수정했는데 안 되면 수정을 잘못한 것이겠죠.
ps. 너비 그대로 두는 대신 그냥 텍스트 왼편에 패딩을 주거나 텍스트인덴트 들여쓰기 해주시면 될 듯.
https://homzzang.com/b/css-248
위처럼 수정했는데 안 되면 수정을 잘못한 것이겠죠.
ps. 너비 그대로 두는 대신 그냥 텍스트 왼편에 패딩을 주거나 텍스트인덴트 들여쓰기 해주시면 될 듯.
atom0801
2026-07-10 (금) 14:15:00
리푸쉬를 할줄몰라서 질문한글 아닙니다. css를 수정했는데 계속 줄인공간에 흰 배경을 없애질 못해서 질문드려본거에요.
너비를 그대로 두고싶지 않고, 70%정도 줄이고 남은 30%에 본페이지를 보이게 수정하고 싶은겁니다.
너비를 그대로 두고싶지 않고, 70%정도 줄이고 남은 30%에 본페이지를 보이게 수정하고 싶은겁니다.
sinbi
2026-07-10 (금) 14:44:36
리빌더를 이용하지 않아서 페이지주소라도 있어야 제가 살펴볼 수 있어요.
답변을 작성하려면 로그인이 필요합니다.