모바일 사이트 로고 맞춤

휴대 기기에서 보면서 내 Jobspark 로고를 타겟팅하려고합니다. 현재 페이지를 아래로 스크롤하고 그것을 비활성화하고 페이지 상단과 "메뉴"의 오른쪽에 배치하고 싶습니다. 이 방법은 + 기호를 삭제할 수 있고 멋지게 맞을 것입니다. 아래는 이것을 달성하기 위해 사용하려고 시도한 코드입니다. www.jobspark.ca모바일 사이트 로고 맞춤

@media only screen and (max-width: 640px) { 
#header #logo h1.site-title { 
text-align: left !important; 
float: right; 
position: absolute; 
top: 0; 
right: 0; 
} 
}

도움 주셔서 감사합니다.

**************** 업데이트 ********************* - 로고 숨기기 상단 네비게이션 뒤에 동안 모바일 에 - 모바일 에 검은 색으로로 탐색 색상을 하시겠습니까 - 여기에

흰색 할 필요가 메뉴 텍스트 것은 enter image description here

출처

2013-05-09 Chris S

이제 화면이 어떻게 생겼는지, 어떻게 요소를 배치하고 싶은지 .. – Dhamu

@Dhamu Ok 죄송합니다. 내가 뭘 하려는지에 대한 이미지를 추가했습니다. –

을 달성하기 위해 내가 좋아하는 것 무엇습니다 모의이다 이것을 시도해보십시오 site.css

변경 max-width

max-width: 38%;

희망 site.css 에서 .primary-nav .nav 38 %로이 문제를 해결합니다.

출처

2013-05-09 06:16:43 Narendra

혼란 스럽지만 미안합니다. 위의 레이아웃을 휴대 전화에서 보면서 노력하고 있습니다. –

위의 변경을 수행 한 후에 UI가 어떻게 보입니까? 나는 지금 로고가 어디로오고있는 것을 의미합니까? – Narendra

로고가 탐색 뒤에 나타납니다. 내 질문을 업데이트했습니다. –

답변

관련 문제