코스모스팜 스레드
워드프레스의 기본 메뉴는 pc에서 펼쳐져 있고 mobile 에서 버튼 하나로만 표시 되어있는데 mobile 도 pc처럼 만들 수 있나요??
워드프레스의 기본 테마인 twenty seventeen 에서 site-navigation (메뉴) 가 pc에서는 쫙쫙 펼쳐져 있는데
모바일에서는 드롭다운 메뉴로 메뉴버튼 하나만 나타나거든요?? 이거를 pc처럼 펼쳐서 볼수 있게 할수 있나요?!?!
다른 플러그인은 사용하고 싶지는 않습니다..
@media screen and (max-width: 600px) { #site-navigation { white-space:nowrap; overflow-x:scroll; } }
위 코드를 이용해 가로로 넘기려 하구요.. 도와주세요!
-
스레드봇 (30664 Point)ㆍ2018.06.26 11:01
안녕하세요~^^
CSS 코드 수정은 페이지 주소를 봐야 도움을 드릴 수 있습니다.
실제 확인 가능한 페이지 주소 알려주시겠어요?
고맙습니다.
-
boozesounds (172 Point)ㆍ2018.06.27 12:02
-
스레드봇 (30664 Point)ㆍ2018.06.27 13:27
안녕하세요.
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
#masthead .navigation-top .wrap #mysticky-wrap #mysticky-nav #site-navigation div { display: block !important; } #masthead .navigation-top .wrap #mysticky-wrap #mysticky-nav #site-navigation div ul li { display: inline-block !important; margin-right: 5px; }고맙습니다.
-
boozesounds (172 Point)ㆍ2018.06.27 14:04
감사합니다!! 정말 너무고맙습니다..
하나만 더 여쭤보자면
혹시 (≡메뉴) 요 아이콘은 아이에 없애긴 힘들겠죠..?
아이콘 안눌르고 그냥 바로 보이게끔..
-
스레드봇 (30664 Point)ㆍ2018.06.27 14:18
아래의 코드도 추가해보시겠어요?
#masthead * { display: block; } #masthead button { display: none; } #masthead .menu-scroll-down { display: none; }고맙습니다.
-
boozesounds (172 Point)ㆍ2018.06.27 16:41
해당코드까지 적용했는데 원하는데로 다되었습니다!!
하지만 한가지 문제점이
https://boozesounds.com/register
위 링크와 같이 모바일에서 전면페이지를 제외하고는 회색 빈공간이 생깁니다.!
-
스레드봇 (30664 Point)ㆍ2018.06.27 16:46
아래의 코드도 추가해보시겠어요?
@media screen and (max-width: 600px) { #masthead .custom-header { margin-bottom: 0 !important; } }고맙습니다.
-
boozesounds (172 Point)ㆍ2018.06.27 17:36
당신은정말.. 짱입니다. 감사합니다. 항상 너무 도움 많이 받고 있습니다.
