Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

tablet view formatting issue (Brine template)


Recommended Posts

Hello all, 

I'm a new user and still learning my way around SquareSpace. I tried Googling and searching within SquareSpace but I cannot find an answer to my question. I've recently created a website that looks good on desktops and smartphones but terrible on tablets. I do not own a tablet so all I have to go by is the 'Tablet View' on SquareSpace's website.

I thought SquareSpace would automatically adjust my website so that it looks good on tablets but it appears this function is not working. 

Specific examples include the text under the Our Mission section being reduced to a very narrow column of text in Tablet View even though it formats correctly and looks fine in Phone View. See attached pictures for examples of formatting issues.


Any suggestions welcome, including disabling Tablet View (if possible) so that the desktop version appears on tablets. 

My website is: kidcortex.com

Password: thisisthepassword

Thanks and Cheers!

1273097357_OurMission.png.5f59f7bcdc68f90b3cf230a74057275b.png

PicsAndText.png.c1f5654ad77e3e4a5fffea7a42c18dde.png

Link to post
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Add this code to Home > Design > Custom CSS

@media screen and (max-width:900px) and (min-width:641px) {
/* Our mission width */
div#block-yui_3_17_2_1_1576300694759_14723+.row>.span-3:nth-child(1) {
    width: 15%;
}
div#block-yui_3_17_2_1_1576300694759_14723+.row>.span-3:nth-child(2) {
    width: 50%;
}
div#block-yui_3_17_2_1_1576300694759_14723+.row>.span-6:nth-child(3) {
    display: none;
}
/* 3 columns text size */
div#page-5e09b87a31a7876caf7405f9 h3 {
    font-size: 18px;
}
}

 

Edited by tuanphan
Link to post
  • 11 months later...

is this a code that can work for any website having this issue or just for the above mentioned website? I am having the same problem with my three columb formatting in tablet form, and in desktop form when I make the window smaller.

Link to post
2 hours ago, brimartin said:

is this a code that can work for any website having this issue or just for the above mentioned website? I am having the same problem with my three columb formatting in tablet form, and in desktop form when I make the window smaller.

Each case needs different code. If you share link to page where you have problems, we can help easier.

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...