모바일쪽 여백이 높으시면 미디워쿼리로 해당 모바일쪽만 별도로 수정해야 할것 같습니다.
테마폴더에/head.php 쪽에서 높이지정을 하셨다면 데스크탑과 모바일이 그대로 반영이 되는데요.
미디어쿼리로 데스크탑시 모바일시 따로따로 여백을 지정할 수 있습니다.
해당 소스코드가 없어서 소스코드 도움은 못드리네요~

관리자쪽에서 수정하는것은 대부분 환경설정과 썸네일 이미지 설정등이라고 보시면 될듯합니다.
나머지는 대부분 테마폴더에서 수정해 주셔야 할것 같습니다.~

제가 테마적용을 안한상태에서 모바일뷰로 봤을때 여백으로 보이는 문제였네요;; 테마적용 한뒤에 보면 보여지는 아이디가 좀 크게 나타나면서 자리를 많이 차지하네요 그런데 관리자모드에서 pc에서 보이는 썸네일 갯수와 모바일 갯수를 따로 지정해줬는데 pc에서 보이는 썸네일 갯수를 모바일도 따라가네요;; pc와 모바일에서 보이는 썸네일 갯수를 달리할수 있을까요?

대부분 owl carousel 로 만들어 져서 자바스크립트 테마폴더/custom.js 를 열어보시면
먼저 해당 부분의 클래스를 찾으셔야 합니다. 어떤 캐러젤인지 위치먼저 찾으셔야 해요.
옵션값을 보시면 데스크탑, 태블릿, 모바일 별로 개수 숫자를 조절할 수 있습니다.
ows carousel 의 옵션 검색해보시면 쉽게 이해가 가실겁니다.~

owl carousel 이 아닌경우
부트스트랩의 Grid 를 이용해서 숫자를 조절할 수 있습니다.~
그리드는 자세히 설명하기가 애매 하네요~ ;;