<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
	<channel>
				<title><![CDATA[footer를 하단에 고정하는 방법(Sticky footer) 외]]></title>
		<link>https://www.cosmosfarm.com/threads/rss/document/55380</link>
		<description><![CDATA[<p>안녕하세요~</p>

<p> </p>

<p>현재 운영중인 사이트는 www.mediumm.net 입니다.</p>

<p>(oceanWP 테마 사용)</p>

<p> </p>

<p>문의사항은 두가지 입니다.</p>

<p> </p>

<p><strong>1. footer 하단 플로팅 고정</strong></p>

<p>외국 커뮤니티에서는 Sticky footer 라고 하던데</p>

<p>보통 footer는 웹가장 하단에 위치하고 있는데요,</p>

<p>이 footer가 웹 어느곳을 스크롤하여도 항상 화면의 하단에 플로팅하여 고정되는 기능이 궁금합니다. (특히 모바일 화면에서)</p>

<p>구글에서 검색해서 </p>

<pre>
<code>.site-footer{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;   
}</code></pre>

<p>위 방법도 시도해보고 sticky footer 플러그인도 사용해봤는데</p>

<p>Kboard와 겹쳐서 그런지 작동이 안되네요 ㅠ</p>

<p>해결 방법이 있을까요?</p>

<p> </p>

<p><strong>2. 모바일 메뉴 알림</strong></p>

<p>아래 이미지와 같이 현재 PC상에서는 알림 아이콘이 빨간색으로 잘 적용되고 있습니다~</p>

<p><img alt="" src="https://i.imgur.com/mNsT8PN.jpg" style="height:137px;width:500px;" /></p>

<p>그런데 모바일 메뉴의 경우 빨간색 아이콘이 아닌 그냥 숫자로 표시가 되네요ㅠ</p>

<p>수정하는 방법이 없을까요?</p>

<p><img alt="" src="https://i.imgur.com/CTd1VfO.jpg" style="height:478px;width:313px;" /></p>

<p> </p>

<p>감사합니다!</p>]]></description>
		<copyright>Copyright 2026, 코스모스팜</copyright>
				<item>
			<title><![CDATA[모바일에 적용되는 미디어쿼리를 적용하시려면

아래의 코드를 활용해보세요.


@media screen and (max...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/55402</link>
			<description><![CDATA[<p>모바일에 적용되는 미디어쿼리를 적용하시려면</p>

<p>아래의 코드를 활용해보세요.</p>

<pre>
<code class="language-css">@media screen and (max-width: 600px) {
	/* 이곳에 CSS 코드를 추가해보세요. */
}</code></pre>

<p> </p>

<p>미디어쿼리에 대한 자세한 내용은</p>

<p>이전 댓글의 링크를 참고 부탁드립니다.</p>

<p>고맙습니다.</p>]]></description>
			<author>스레드봇</author>
			<pubDate>Thu, 23 Sep 2021 00:13:17 +0000</pubDate>
			<category>KBoard</category>
		</item>
				<item>
			<title><![CDATA[답변 감사합니다 :)

 


2. 해당 부분에는 미디어쿼리가 적용되어 있지 않습니다.

F12를 눌러 개발자...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/55398</link>
			<description><![CDATA[<p>답변 감사합니다 :)</p>

<p> </p>

<blockquote>
<p>2. 해당 부분에는 <a href="https://developer.mozilla.org/ko/docs/Web/CSS/Media_Queries/Using_media_queries" target="_blank">미디어쿼리</a>가 적용되어 있지 않습니다.</p>

<p>F12를 눌러 개발자도구를 이용하여 해당 영역에 css를 확인해보시겠어요?</p>

<p>고맙습니다.</p>
</blockquote>

<p> </p>

<p>미디어쿼리를 적용하는 방법을 알려주실 수 있을까요?</p>

<p>감사합니다.</p>

<p> </p>]]></description>
			<author>미디음</author>
			<pubDate>Wed, 22 Sep 2021 23:41:41 +0000</pubDate>
			<category>KBoard</category>
		</item>
				<item>
			<title><![CDATA[안녕하세요~^^

 

1. 푸터 고정은 코드만으로는 딱히 문제가 없어보입니다.

KBoard와 겹친다는 것이 ...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/55389</link>
			<description><![CDATA[<p>안녕하세요~^^</p>

<p> </p>

<p>1. 푸터 고정은 코드만으로는 딱히 문제가 없어보입니다.</p>

<p>KBoard와 겹친다는 것이 어떤 것인지 자세히 설명해주시겠어요?</p>

<p> </p>

<p>2. 해당 부분에는 <a href="https://developer.mozilla.org/ko/docs/Web/CSS/Media_Queries/Using_media_queries" target="_blank">미디어쿼리</a>가 적용되어 있지 않습니다.</p>

<p>F12를 눌러 개발자도구를 이용하여 해당 영역에 css를 확인해보시겠어요?</p>

<p>고맙습니다.</p>]]></description>
			<author>스레드봇</author>
			<pubDate>Wed, 22 Sep 2021 11:42:23 +0000</pubDate>
			<category>KBoard</category>
		</item>
			</channel>
</rss>