2013-07-30 4 views
0

저해상도 태블릿 및 모니터를 해결할 정적 너비를 얻기 위해 부동 응답 테마에서 당사 웹 사이트 (www.enyx.sk)를 변경하려고합니다.브라우저의 Wordpress 메뉴 동작/해상도 변경

내가 겪고있는 문제는 상단 탐색 메뉴 항목에 있습니다. 부모 div 자체는 절대적으로 배치되지만 생성되고 서로 옆에 있어야하므로 항목이 상대적으로 배치됩니다. Hovewer가 문제를 일으키는 경우 브라우저의 크기를 조정하거나 Nexus 7의 해상도를 확인하십시오. --->here

그런 다음 메뉴 항목이 하나씩 나타나서 화면을 채 웁니다.

내가 얻고 싶은 것은 그들이 메뉴 아래의 "mozaic"과 같은 한 곳에 머무르는 것입니다. 그러나 이것을 수행하는 방법을 알 수는 없습니다.

감사

답변

0

은 그냥 basic.css을 살펴 많이합니다 (ubermenu - 플러그인 내에 있어야합니다). 거의 모든 너비가 백분율로 표시됩니다.

라인 758에서 당신은 찾을 수 있습니다

#megaMenu.megaResponsive ul.megaMenu > li { width: 100% } 

는 또한 라인 (862)에 있습니다 :

#megaMenu.megaResponsive ul.megaMenu > li { width:50% } 

가 모두 삭제합니다.

적어도 81 줄에서 다음 코드가있다 : 일정한 폭

#megaMenu.megaMenuHorizontal ul.megaMenu { width: 100% } 

변경하여 (예컨대 1140px). 이제는 모든 것이 올바른 방식으로 이루어져야합니다.

파이어 폭스를 사용하는 경우 애드온 Firebug를 사용할 수 있습니다.이 기능은 그런 종류의 것을 찾는 데 큰 도움이됩니다.

+0

내 문제가 완전히 해결되었습니다. 감사합니다. –

+0

방금 ​​두 번째 사이트를 보았습니다. 머리에 많은 CSS 조각이 있으며 모든 것을 추적하기가 어렵습니다. ;) 방금 ​​내 Galaxy Tab 2 10.1에서 내 페이지를 보았습니다. 모든 것이 잘되었지만 내 iPhone에서는 전혀 다른 반응을 보입니다. 귀하의 CSS 어딘가에 장치에 초점을 맞추어 미디어 쿼리가있는 것처럼 보이므로 바탕 화면에 표시되지 않지만 넥서스 (및 제 아이폰)가 표시됩니다. 지금 당장 찾을 수 없지만 이것이 당신을 돕기를 바랍니다. – Fabi

+0

@Fabi, 고맙습니다. 현재 대부분의 작업을 처리하고 있습니다. 유일하게 남은 것은 내 전화 (480x800의 해상도)에서 데스크톱 사이트를 열 때 오른쪽에서 잘린 것처럼 보이는 게시물이며 어떤 원인인지 파악할 수 없습니다. 헤더에있는 미디어 쿼리를 수정하려고했지만 문제를 찾을 수 없었습니다. 불행히도 전화에서 페이지의 소스 코드를 확인할 수 있다면 더 쉬울 것입니다. 지저분한 CSS에 대해 유감스럽게 생각합니다. 테마를 사용자 정의하고 CSS에 대해서도 꽤 익숙합니다. :). –