notsoevilgenius
MIS
I'm back trying to solve this issue in my ongoing shopify development.
I have these three elements that are next to one another on a large screen, but drop under one another on mobile devices. The client doesn't want that to happen.
So can I make the adjustment in the HTML page here or do I need to track down the classes listed in these div tags? Again I only want to make sure these elements stay next to one another on small device screens.
Thanks!
I have these three elements that are next to one another on a large screen, but drop under one another on mobile devices. The client doesn't want that to happen.
Code:
<div class="one-third column alpha">
<a href="[URL unfurl="true"]http://www.royalteacandles.com/pages/heres-whats-new-with-royaltea">[/URL]
<img src="[URL unfurl="true"]https://cdn.shopify.com/s/files/1/0609/7021/files/Candle_News_copy_large.png?16250397705092410604">[/URL]
</a>
</div>
<div class="one-third column">
<a href="[URL unfurl="true"]http://www.royalteacandles.com/apps/action-shots">[/URL]
<img src="[URL unfurl="true"]https://cdn.shopify.com/s/files/1/0609/7021/files/Reveal_large.png?807054721493180769">[/URL]
</a>
</div>
<div class="one-third column omega">
<a href="[URL unfurl="true"]http://www.royalteacandles.com/pages/royaltea-loyaltea-program-faq">[/URL]
<img src="[URL unfurl="true"]http://cdn.shopify.com/s/files/1/0609/7021/files/LoyalTea_large.png?13072167766179154065">[/URL]
</a>
</div>
So can I make the adjustment in the HTML page here or do I need to track down the classes listed in these div tags? Again I only want to make sure these elements stay next to one another on small device screens.
Thanks!