Make text block 100% width in tablet view

Site URL: https://angieantonphoto.squarespace.com/about

Hello! This might be a simple fix but I haven't been able to find a solution... Does anyone know how I can make the text block under the headings span 100% of the tablet view, but keep the headings and image in their current proportions? (I hope this question makes sense.) I attached an image of what it currently looks like with arrows indicating what I'd like to achieve.

Here's also a desktop view for reference.

PW for site: aatest

Thanks in advance!!

Hi. This is difficult.

You can add a Text Block under current section, then I will give the code to hide this on desktop + mobile, show on tablet only.

or If you use Business Plan, add this to Page Settings > Advanced > Header

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
    if ( $(window).width() > 641 && $(window).width() < 900) {
       $('div#page-5efa6a8396a18550a7346eb3 .span-7>div:nth-child(n+4)').insertAfter("div#page-5efa6a8396a18550a7346eb3 .span-12");
    }   
});
</script>

Disable Ajax Loading if the code doesn't work.

Ahhh thank you!!

I'm currently still on the trial version of this site, so is that maybe why the code doesn't seem to be working yet? (I have Ajax Loading disabled)

I will be transferring the site ownership to my client once the site is done, and she will then subscribe to a Business Plan. Will the code work then?

On 8/14/2020 at 4:35 AM, pamjeanne said:

Ahhh thank you!!

I'm currently still on the trial version of this site, so is that maybe why the code doesn't seem to be working yet? (I have Ajax Loading disabled)

I will be transferring the site ownership to my client once the site is done, and she will then subscribe to a Business Plan. Will the code work then?

Can you add the code & I will check again? The code should work on Trial plan.

14 hours ago, tuanphan said:

Can you add the code & I will check again? The code should work on Trial plan.

Hi Tuan Phan,

Yup! It's currently in the Page Settings > Advanced > Page Header Code Injection area.

I attached a screenshot of what I have it as right now.

Thank you a ton!!