Jump to content

Columns not displaying properly

Go to solution Solved by tuanphan,

Recommended Posts

Hello! I'm having trouble with columns displaying "skinny" (as if on mobile) on tethercincy.com and can't figure out why.  The issue seems to be site-wide.

The columns look the way I want in the back end, but not on the live site. I've tried resizing the columns and re-saving the page, and while the code changes the way it should, the way the page displays does not.

I found an error in the layout page javascript that may solve the issue (the close on click function is missing its closing bracket and parentheses and it's right before the image loader bootstrapper that I'm guessing dictates how the page loads), but I want to *edit* javascript instead of adding it via code injection.

Is there a way to edit the code that's already there?

Has anyone else had—and fixed—this issue?

Any insights are appreciated!

Directory page display with narrow column.png

Link to comment
  • Replies 8
  • Views 254
  • Created
  • Last Reply

Top Posters In This Topic

Sure, here's a screenshot after I've widened the column in edit mode and saved it:

image.thumb.png.4e8622038076ce216089c1386d619b6f.png

Here's a screenshot after refreshing the saved page. The column is back to displaying "skinny" and on one side:

image.thumb.png.759aa6c200231fca20af6931a02fbd1d.png

Here are screenshots of another page with properly-sized columns (in edit mode) and "skinny" columns after refreshing:

Abouteditmode.thumb.png.e869bdbe36ba7c56575028785063c899.png

Aboutrefreshed.thumb.png.2180d972d0499ccbc1212613fb7a8bbf.png

Link to comment
  • Solution
On 3/17/2023 at 9:20 PM, TetherCincy said:

It's on all of the content pages; my main concerns right now are tethercincy.com/directory and tethercincy.com/press. You can also see examples on blog pages like this one.

Appreciate any suggestions or insights!

You have a custom code, causes this

image.thumb.png.7f09dad3a70e9507c1225d61d1d98bed.png

It looks like that code from Bootstrap CSS Framework. Try remove this line from Code Injection Header

image.thumb.png.2ef3a6bf0e02c453bf41b9fdfddd6309.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
  • 2 weeks later...

Create an account or sign in to comment

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

×
×
  • 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.