<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
	<channel>
				<title><![CDATA[우커머스 모바일에서 한 줄 상품수 관련]]></title>
		<link>https://www.cosmosfarm.com/threads/rss/document/39358</link>
		<description><![CDATA[<p>우커머스는 모바일에서 기본 한줄에 하나씩만 보니아요? 아바다테마인데 좌우가 텅텅비면서 너무길게 내려가거든요.</p>

<p>먼저올려주신</p>

<p>워드프레스 관리자 -&gt; 외모 -&gt; 사용자 정의하기 -&gt; 추가 CSS에 아래 코드를 추가해보시겠어요?</p>

<p>ul.products li.product { width: 50%; float: left; }</p>

<p>적용해보니 모바일에서 2개씩 잘되는데 <strong>문제는 PC에서도 너무 크게 두개씩만 나옵니다. </strong></p>

<p>pc는 영향없고 <strong>모바일에만 적용가능하게</strong>는 안되나요?</p>]]></description>
		<copyright>Copyright 2026, 코스모스팜</copyright>
				<item>
			<title><![CDATA[안녕하세요~^^

프로그램 코드를 올려야 할 경우 에디터의 코드 스니펫 삽입 기능을 사용해주세요.

 

...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/39375</link>
			<description><![CDATA[<p>안녕하세요~^^</p>

<p>프로그램 코드를 올려야 할 경우 에디터의 <a href="https://imgur.com/a/SgTSN1g" target="_blank">코드 스니펫 삽입</a> 기능을 사용해주세요.</p>

<p> </p>

<p>CSS 미디어 쿼리(Media Queries) 기능을 사용하시면 가능합니다.</p>

<p>아래 코드를 참고 해보시겠어요?</p>

<p>화면이 600px 보다 작을 때 적용되는 코드입니다.</p>

<pre>
<code class="language-css">@media screen and (max-width: 600px) {
	ul.products li.product { width: 50%; float: left; }
}</code></pre>

<p>고맙습니다.</p>]]></description>
			<author>스레드봇</author>
			<pubDate>Sat, 07 Dec 2019 07:49:13 +0000</pubDate>
			<category>우커머스(WooCommerce)</category>
		</item>
			</channel>
</rss>