2015-02-06 6 views
0

Squarespace에서 설계된 친구의 웹 사이트는 www.diamondathome.com에 있습니다.사각형 영역 사이트 - 일부 이미지가 반응하지 않음

사이트 자체는 모바일 반응을 보이지만 홈페이지 상단의 Facebook 및 Linkedin 아이콘은 크기가 조정되지 않고 모바일 브라우저에서 너무 크게 보입니다.

사용자 지정 CSS를 추가하여 많은 조정을 시도했지만 아무 것도 작동하지 않습니다.

아무도 나에게 도대체 무슨 일이 일어나고 있는지에 대한 아이디어를 줄 수 있습니까?

감사합니다.

Scott.

+0

'width'와'height'는 동적으로 삽입됩니까? 여기에서 테스트 한 결과 320px에서 129px로 두 가지가되었습니다. –

답변

0

이 종류의 문제를 해결할 것입니다 : 당신이 Squarespace의 CSS 파일에 액세스 할 수있는 경우는 site.css에이를 찾을 수

@media only screen and (max-width: 640px) { 
.sqs-gallery-design-grid-slide { 
width: 40px !important;} 

img.thumb-image.loaded { 
width: 20px !important; 
height: 20px !important; 
} 
} 

. 그렇지 않으면 이것을 다른 CSS 파일에 추가 할 수 있습니다.

enter image description here

+0

코드에 감사드립니다. 그것은 효과가 있었지만 이미지는 가운데에 올려 놓지 않고 왼쪽으로 옮겼습니다. 모바일 사이트에 소셜 미디어 로고를 배치 할 수 있습니까? – Scott

관련 문제