F12눌러서 봤더니 뭐가뭔지 모르겄어요.. 

미디어쿼리가 뭔가요... 그저 CSS 에 조금씩 추가하여 수정하는 방법은 없을까요 

소스를 봐도 뭐가 뭔지 모르겠어요.. 

F12를 눌러 해당요소와 관련 요소들의 css를 확인하여

테마의 영향이나 다른 플러그인의 영향인지 먼저 확인해보시겠어요?

미디어쿼리를 사용하면 해상도에 따라 css를 조정하실 수 있습니다.

모바일은 아래의 코드와 같은 미디어쿼리에 입력해주시면 됩니다.

@media screen and (max-width: 600px) {
... // 모바일 코드
}

미디어쿼리는 아래 링크를 참고해보시겠어요?

https://developer.mozilla.org/ko/docs/Web/CSS/Media_Queries/Using_media_queries

고맙습니다.