<?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>BlueOwlCreative  &#187;  Topic: Mobile image resize</title>
		<atom:link href="http://blueowlcreative.com/support_wp/forums/topic/mobile-image-resize/feed/" rel="self" type="application/rss+xml" />
		<link>http://blueowlcreative.com/support_wp/forums/topic/mobile-image-resize/feed/</link>
		<description></description>
		<pubDate>Thu, 23 Jul 2026 10:04:57 +0000</pubDate>
		<generator>http://bbpress.org/?v=2.5.3-5249</generator>
		<language>en-US</language>

		
														
					
				<item>
					<guid>http://blueowlcreative.com/support_wp/forums/topic/mobile-image-resize/#post-31381</guid>
					<title><![CDATA[Mobile image resize]]></title>
					<link>http://blueowlcreative.com/support_wp/forums/topic/mobile-image-resize/#post-31381</link>
					<pubDate>Mon, 01 May 2017 10:53:56 +0000</pubDate>
					<dc:creator>BluePixie</dc:creator>

					<description>
						<![CDATA[
						<p>Hi,<br />
For a full page header image on the homepage &#8211; is there a way I can set the cropping / display for the mobile version? The image on my homepage is cropping automatically and loses its impact.<br />
BluePixie</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>http://blueowlcreative.com/support_wp/forums/topic/mobile-image-resize/#post-31385</guid>
					<title><![CDATA[Reply To: Mobile image resize]]></title>
					<link>http://blueowlcreative.com/support_wp/forums/topic/mobile-image-resize/#post-31385</link>
					<pubDate>Tue, 02 May 2017 07:11:29 +0000</pubDate>
					<dc:creator>BlueOwl</dc:creator>

					<description>
						<![CDATA[
						<p>Hi there,</p>
<p>Sure, you can add a custom class to your Row, then modify the background properties of that row for mobile with a media query. <img src="http://blueowlcreative.com/support_wp/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /><br />
Give us your URL if you want further help.</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>http://blueowlcreative.com/support_wp/forums/topic/mobile-image-resize/#post-31445</guid>
					<title><![CDATA[Reply To: Mobile image resize]]></title>
					<link>http://blueowlcreative.com/support_wp/forums/topic/mobile-image-resize/#post-31445</link>
					<pubDate>Fri, 12 May 2017 22:37:14 +0000</pubDate>
					<dc:creator>Elkmont Media</dc:creator>

					<description>
						<![CDATA[
						<p>I am having the same issue.</p>
<p>Here is the URL of the problem page:</p>
<p><a href="http://nerddevelopment.com/rightnerd/website-design-samples/" rel="nofollow">http://nerddevelopment.com/rightnerd/website-design-samples/</a></p>
<p>Thanks in advance for your help!</p>
<p>Paul</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>http://blueowlcreative.com/support_wp/forums/topic/mobile-image-resize/#post-31446</guid>
					<title><![CDATA[Reply To: Mobile image resize]]></title>
					<link>http://blueowlcreative.com/support_wp/forums/topic/mobile-image-resize/#post-31446</link>
					<pubDate>Mon, 15 May 2017 07:30:02 +0000</pubDate>
					<dc:creator>BlueOwl</dc:creator>

					<description>
						<![CDATA[
						<p>Hi,</p>
<p>So you can see your VC generated class for your row is &#8220;vc_custom_1494626291717&#8243; (you can see that with DEV TOOLS), then add this media query to your Custom page CSS in order to override the default top 200 and bottom 500 you have set:</p>
<pre><code>@media only screen and (max-width: 768px) {
.vc_custom_1494626291717 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
}
}</code></pre>
<p>Then to override the background position FIXED you have set for the background you can add this:</p>
<pre><code>@media only screen and (max-width: 768px) {
.vc_custom_1494626291717 .upb_row_bg {
    background-attachment: inherit !important;
}
}</code></pre>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>http://blueowlcreative.com/support_wp/forums/topic/mobile-image-resize/#post-31451</guid>
					<title><![CDATA[Reply To: Mobile image resize]]></title>
					<link>http://blueowlcreative.com/support_wp/forums/topic/mobile-image-resize/#post-31451</link>
					<pubDate>Mon, 15 May 2017 17:19:59 +0000</pubDate>
					<dc:creator>Elkmont Media</dc:creator>

					<description>
						<![CDATA[
						<p>I appreciate your help. I added the media query to the custom page CSS, but still not change. Not sure what I have set incorrectly.</p>
<p>Paul</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>http://blueowlcreative.com/support_wp/forums/topic/mobile-image-resize/#post-31460</guid>
					<title><![CDATA[Reply To: Mobile image resize]]></title>
					<link>http://blueowlcreative.com/support_wp/forums/topic/mobile-image-resize/#post-31460</link>
					<pubDate>Tue, 16 May 2017 07:38:29 +0000</pubDate>
					<dc:creator>BlueOwl</dc:creator>

					<description>
						<![CDATA[
						<p>Looks good when i resize the browser&#8230; ? <img src="http://blueowlcreative.com/support_wp/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /> </p>
						]]>
					</description>

					
					
				</item>

					
		
	</channel>
	</rss>

