<?xml version="1.0" encoding="UTF-8"?>
	<rss version="2.0"
		xmlns:content="http://purl.org/rss/1.0/modules/content/"
		xmlns:wfw="http://wellformedweb.org/CommentAPI/"
		xmlns:dc="http://purl.org/dc/elements/1.1/"
		xmlns:atom="http://www.w3.org/2005/Atom"

			>

	<channel>

		<title>CSS Not Working On Mobile &#8211; Themeco Community</title>
		<atom:link href="https://theme.co/archive/forums/topic/css-not-working-on-mobile/feed/" rel="self" type="application/rss+xml" />
		<link>https://theme.co/archive/forums/topic/css-not-working-on-mobile/feed/</link>
		<description></description>
		<lastBuildDate>Fri, 17 Oct 2025 15:58:34 +0000</lastBuildDate>
		<generator>https://bbpress.org/?v=2.6.14</generator>
		<language>en-US</language>

		
														
					
				<item>
					<guid>https://theme.co/archive/forums/topic/css-not-working-on-mobile/#post-267329</guid>
					<title><![CDATA[CSS Not Working On Mobile]]></title>
					<link>https://theme.co/archive/forums/topic/css-not-working-on-mobile/#post-267329</link>
					<pubDate>Wed, 06 May 2015 16:59:38 +0000</pubDate>
					<dc:creator>DataSplit</dc:creator>

					<description>
						<![CDATA[
						<p>I have the following CSS, but it won&#8217;t align the button in the center on mobile. It centers perfectly for Desktop. Is there something I am missing to make it work correctly for mobile?</p>
<p>#Video-Container {<br />
position: relative;<br />
}</p>
<p>#Video-Container .Featured-Videos .Video-Button {<br />
margin: 0;<br />
    position: absolute;<br />
    top: 50%;<br />
    left: 50%;<br />
    margin-right: -50%;<br />
    transform: translate(-50%, -50%)<br />
}</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/css-not-working-on-mobile/#post-267379</guid>
					<title><![CDATA[Reply To: CSS Not Working On Mobile]]></title>
					<link>https://theme.co/archive/forums/topic/css-not-working-on-mobile/#post-267379</link>
					<pubDate>Wed, 06 May 2015 17:45:52 +0000</pubDate>
					<dc:creator>DataSplit</dc:creator>

					<description>
						<![CDATA[
						This reply has been marked as private.						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/css-not-working-on-mobile/#post-267652</guid>
					<title><![CDATA[Reply To: CSS Not Working On Mobile]]></title>
					<link>https://theme.co/archive/forums/topic/css-not-working-on-mobile/#post-267652</link>
					<pubDate>Thu, 07 May 2015 00:10:50 +0000</pubDate>
					<dc:creator>Friech</dc:creator>

					<description>
						<![CDATA[
						This reply has been marked as private.						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/css-not-working-on-mobile/#post-268194</guid>
					<title><![CDATA[Reply To: CSS Not Working On Mobile]]></title>
					<link>https://theme.co/archive/forums/topic/css-not-working-on-mobile/#post-268194</link>
					<pubDate>Thu, 07 May 2015 14:47:03 +0000</pubDate>
					<dc:creator>DataSplit</dc:creator>

					<description>
						<![CDATA[
						This reply has been marked as private.						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/css-not-working-on-mobile/#post-268406</guid>
					<title><![CDATA[Reply To: CSS Not Working On Mobile]]></title>
					<link>https://theme.co/archive/forums/topic/css-not-working-on-mobile/#post-268406</link>
					<pubDate>Thu, 07 May 2015 19:40:57 +0000</pubDate>
					<dc:creator>Zeshan</dc:creator>

					<description>
						<![CDATA[
						<p>Hi there,</p>
<p>Thanks for writing in! Upon checking, you are using some custom CSS that is either not cross browser compatible or causing conflicts on smaller screens. This isn&#8217;t a issue related to the theme and instead has to do with your customization of it. While that is outside the scope of support, I could point you in the right direction with the understanding that it would ultimately be your responsibility to take it from here. </p>
<p><strong>#1:</strong> You are using CSS <strong><code>translate</code></strong> property (see: <a href="http://prntscr.com/72o0yy" rel="nofollow">http://prntscr.com/72o0yy</a>). It isn&#8217;t supported by iOS/mobiles browser. You&#8217;ll need to use proper prefixes: <a href="http://caniuse.com/#search=translate" rel="nofollow">http://caniuse.com/#search=translate</a></p>
<p><strong>#2:</strong> Please provide us with the screenshot of the issue.</p>
<p><strong>#3:</strong> It sounds like you might be having an issue with a third party plugin or script (see: <a href="http://prntscr.com/72o4bf" rel="nofollow">http://prntscr.com/72o4bf</a>). Regretfully, we cannot provide support for third party plugins or scripts as our support policy in the sidebar states due to the fact that there is simply no way to account for all of the potential variables at play when using another developer&#8217;s plugin or script. Because of this, any questions you have regarding setup, integration, or troubleshooting any piece of functionality that is not native to X will need to be directed to the original developer.</p>
<p><strong>#4:</strong> I have tested your website on an iPhone 6, I&#8217;m not able to see any message. Would you mind providing us with some more details? Perhaps some screenshots of the issue.</p>
<p>Thanks!</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/css-not-working-on-mobile/#post-268499</guid>
					<title><![CDATA[Reply To: CSS Not Working On Mobile]]></title>
					<link>https://theme.co/archive/forums/topic/css-not-working-on-mobile/#post-268499</link>
					<pubDate>Thu, 07 May 2015 21:54:05 +0000</pubDate>
					<dc:creator>DataSplit</dc:creator>

					<description>
						<![CDATA[
						This reply has been marked as private.						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/css-not-working-on-mobile/#post-268677</guid>
					<title><![CDATA[Reply To: CSS Not Working On Mobile]]></title>
					<link>https://theme.co/archive/forums/topic/css-not-working-on-mobile/#post-268677</link>
					<pubDate>Fri, 08 May 2015 02:10:59 +0000</pubDate>
					<dc:creator>Rue Nel</dc:creator>

					<description>
						<![CDATA[
						<p>Hello There,</p>
<p>Thank you for the detailed information. Please try to checkout responsive text shortcode. You can follow the <a href="https://theme.co/x/member/kb/shortcode-walkthrough-responsive-text/" target="_blank" rel="nofollow">responsive text shortcode walkthrough</a> in our knowledge. This will solve the issue of your text being cutoff or not so responsive on mobile devices.</p>
<p>Hope this helps. Kindly let us know.</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/css-not-working-on-mobile/#post-269267</guid>
					<title><![CDATA[Reply To: CSS Not Working On Mobile]]></title>
					<link>https://theme.co/archive/forums/topic/css-not-working-on-mobile/#post-269267</link>
					<pubDate>Fri, 08 May 2015 21:10:32 +0000</pubDate>
					<dc:creator>DataSplit</dc:creator>

					<description>
						<![CDATA[
						This reply has been marked as private.						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/css-not-working-on-mobile/#post-269420</guid>
					<title><![CDATA[Reply To: CSS Not Working On Mobile]]></title>
					<link>https://theme.co/archive/forums/topic/css-not-working-on-mobile/#post-269420</link>
					<pubDate>Sat, 09 May 2015 01:43:44 +0000</pubDate>
					<dc:creator>Rue Nel</dc:creator>

					<description>
						<![CDATA[
						<p>Hello There,</p>
<p>You can still use responsive text for recent post shortcode. Just place the responsive text after the recent post shortcode and use this <code>.h-recent-posts</code> as the selector. </p>
<p>For the video button, please replace your code to this one:</p>
<pre><code>#Video-Container .Featured-Videos .Video-Button {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25%;
  margin-top: -25%;
}</code></pre>
<p>Please let us know if this works out for you.</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/css-not-working-on-mobile/#post-269479</guid>
					<title><![CDATA[Reply To: CSS Not Working On Mobile]]></title>
					<link>https://theme.co/archive/forums/topic/css-not-working-on-mobile/#post-269479</link>
					<pubDate>Sat, 09 May 2015 03:33:27 +0000</pubDate>
					<dc:creator>DataSplit</dc:creator>

					<description>
						<![CDATA[
						This reply has been marked as private.						]]>
					</description>

					
					
				</item>

					
		
	</channel>
	</rss>

