안녕하세요~^^

1. 해당 바로 구매 버튼이 엣지 브라우저에서만 다르게 표시되는지요?

비회원으로도 확인 가능한 페이지 주소 알려주시면

CSS 코드로 수정이 가능할지 살펴보겠습니다.

2. 엣지 브라우저에서만 레이아웃이 다르게 표시된다면

CSS 코드로 수정이 가능할 듯합니다.

모든 브라우저에서 올려주신 이미지처럼 표시된다면

경우에 따라서는 CSS 코드로도 적용이 어려울 수 있습니다.

CSS 코드를 공부할 수 있는 사이트는 구글에 검색해보면 많습니다.

w3schools 사이트는 어떠신지요?

CSS 코드뿐만 아니라 javascript, sql, php 등을 공부하실 수 있습니다.

https://www.w3schools.com/css/

고맙습니다.

안녕하세요?

데스크탑 기준으로는 그런데요. 충분한 공간을 확보하지 못하기 때문에 그런지 모르겠습니다.

보여드린 페이지 주소는 아래와 같습니다.

https://puripia.com/product/%ED%9B%84%EC%95%84-kf80-%EC%9D%B8%EC%A6%9D-%EC%A0%9C%EB%A1%9C%ED%85%8D-%EB%A7%88%EC%8A%A4%ED%81%AC-%EC%97%98%EB%A1%9C%EC%9A%B0/

감사합니다.

올려주신 페이지 주소로 확인해보니

테마 쪽에서 최대 너비를 설정하고 있는 듯합니다.

그렇기 때문에 말씀하신 것처럼 충분한 공간을 확보하지 못해 다음 줄로 밀려서 표시되고 있습니다.

테마 쪽에서 설정한 최대 너비를 늘리시려면

워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

아래의 코드를 추가해보시겠어요?

.single .entry-content { max-width: 800px; }

테마에서 설정한 기본 값은 750px입니다.

적절히 조절해보시겠어요?

고맙습니다.