<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Mobile homepage image – how to align image to the bottom of the viewport?]]></title><description><![CDATA[<p dir="auto">Hi everyone,</p>
<p dir="auto">I’m working on a website with Lay Theme and I’m having an issue with an image on my homepage in the mobile version.</p>
<p dir="auto">I would like the image to always be aligned to the bottom of the screen/viewport, without any white space underneath it.</p>
<p dir="auto">The image itself does not have such a large white border. However, it seems that Lay Theme is centering the image within its container, which results in additional white space being added both above and below the image. I would like the image to sit at the bottom instead of being vertically centered.</p>
<p dir="auto">Is there a native Lay Theme setting or option that allows me to control the vertical positioning of the image in this way? Or would this require custom CSS?</p>
<p dir="auto">Thanks in advance for any help!</p>
]]></description><link>https://laythemeforum.com/topic/12097/mobile-homepage-image-how-to-align-image-to-the-bottom-of-the-viewport</link><generator>RSS for Node</generator><lastBuildDate>Thu, 15 Oct 2026 00:50:10 GMT</lastBuildDate><atom:link href="https://laythemeforum.com/topic/12097.rss" rel="self" type="application/rss+xml"/><pubDate>Tue, 06 Oct 2026 07:18:46 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Mobile homepage image – how to align image to the bottom of the viewport? on Tue, 06 Oct 2026 18:48:38 GMT]]></title><description><![CDATA[<p dir="auto">do you have a link?</p>
<p dir="auto">i think if you make your row browser height and then place it at the bottom this should work.</p>
<p dir="auto">set frame top and bottom to 0</p>
<p dir="auto"><img src="/assets/uploads/files/1791312425608-132fd574-040a-4ee9-af02-f41b38c07ef9-grafik.png" alt="grafik.png" class="img-markdown  img-fluid" width="532" height="322" /></p>
<p dir="auto">make row browser height</p>
<p dir="auto"><img src="/assets/uploads/files/1791312441182-3507dc7b-09d5-4877-abf8-85b1ce07e86e-grafik.png" alt="grafik.png" class="img-markdown  img-fluid" width="878" height="694" /></p>
<p dir="auto">in the row's context menu.</p>
<p dir="auto">then align your image to the bottom:</p>
<p dir="auto"><img src="/assets/uploads/files/1791312466509-de6a7305-b148-45a3-a1a7-73240b986aac-grafik.png" alt="grafik.png" class="img-markdown  img-fluid" width="754" height="774" /></p>
<p dir="auto">if u select the row, you can even make the row fixed in the sidebar:</p>
<p dir="auto"><img src="/assets/uploads/files/1791312494359-2e1dbcfe-1582-46fc-a7fa-6d2f045dc55d-grafik.png" alt="grafik.png" class="img-markdown  img-fluid" width="1068" height="346" /></p>
<p dir="auto">to do this for mobile, make sure to use a custom phone layout:<br />
<img src="/assets/uploads/files/1791312517452-dc4aacdb-4732-4b65-9d7b-f75091b1a885-grafik.png" alt="grafik.png" class="img-markdown  img-fluid" width="396" height="276" /></p>
]]></description><link>https://laythemeforum.com/post/48329</link><guid isPermaLink="true">https://laythemeforum.com/post/48329</guid><dc:creator><![CDATA[arminunruh]]></dc:creator><pubDate>Tue, 06 Oct 2026 18:48:38 GMT</pubDate></item></channel></rss>