Jump to content

Make text block 100% width in tablet view

Recommended Posts

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.

456639860_ScreenShot2020-08-11at5_54_28PM.thumb.png.29acd1ee5269fab9a83c36287bf56b8c.png

Here's also a desktop view for reference.

858644263_ScreenShot2020-08-11at5_57_48PM.thumb.png.719d3e79f67d15b65eb31a207943675d.png

PW for site: aatest

 

Thanks in advance!!

 

Link to comment
  • Replies 4
  • Views 392
  • Created
  • Last Reply

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.

image.thumb.png.e42d4bf967f859416ccfb0b01d74f0fb.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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?

Link to comment
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.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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.

416725421_ScreenShot2020-08-17at5_47_28PM.thumb.png.4850db6da59e2b71402559b1a4c61202.png

 

Thank you a ton!!

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.