Debut theme’s default main page works perfectly when rendering in mobile.
Specifically, when using an “Image with Text” – set to 50% where the (desktop view) will align an (image to the left) and (text to the right). This properly changes when viewed in mobile, as it scrolls the entire picture first, then a block of text below it. This is exactly how it should work and what I’m trying to achieve.
However, in creating a “new website page” that has a usable page building interface, it required me to make a new Template in the Code, for example – Templates → page.my_newly_created_page.liquid and then adding an item such as:
{% section ‘custom-content’ %}
Then I can edit the website and instead of the Home Page, I’ll select the drop down navigation on the top and select Pages → my_newly_crated_page that has the editable element or elements added, in this case a single “Custom Content”. This gives the ability to add an image block at 50% to the left and then add a text block at 50% width to the right. Views perfectly in the desktop viewer, however mobile squashes them together on the same mobile screen. Causing a small picture and then a few words per line of text when wrapped. I need this to be picture then text (without setting both to 100% as I want to preserve Desktop view)… Inspecting the code, I see the new page doesn’t make a single container containing both image and text like the home page makes and see a couple lines of code that say “small–one-half medium-up–one-half align–center”. Can anyone help replicate this and provide a solution? Really appreciated!