Single letter column width error

  • ratx

    (@ratx)


    3 months ago

    Hey everyone,

    I’ve recently migrated my website from one server to another. My website is fairly simple, with only one plugin (Responsive Iframe) and the 2022 theme. After the migration, a styling error with my columns has appeared. All content in columns is displayed with a single letter width, like this:

    View post on imgur.com

    This however, only seems to happen when viewing the site. In the post editor, everything is displayed correctly:

    View post on imgur.com

    I’ve tried to inspect the elements with my browsers debug tools, and I’ve found that the CSS “Flex-basis” seems to be the culprit. When disabeling it, the site works as expected:

    View post on imgur.com

    I unfortunately don’t know my way around CSS and have only worked with the Blocks Editor so far. Is there any solution on how I could disable the flex-basis site-wide?

    • This topic was modified 3 months ago by ratx.
Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @ratx

    I hope you are doing well today.

    Are you able to share this migrated site URL? It will be more easy to check this in real time with browsers tools and debug this more and find the solution.

    Kind Regards,
    Kris

    Thread Starter ratx

    (@ratx)

    Hey, thanks for your response! I took me a while unfortunately to hook it up to the internet, but here is the site now ??

    https://chrisrem.de/

    Thread Starter ratx

    (@ratx)

    Sorry, link above doesn’t work, but this one should: https://wp.chrisrem.de/

    Curiously, I noticed that while the homepage looks totally scrambled, some subpages still seem to work properly, as does the mobile layout: https://wp.chrisrem.de/about-me/

    Hello @ratx,

    I hope things are going well for you.

    Thanks for sharing the page URL we did look closely, and it appears the CSS is causing the issue.
    https://monosnap.com/file/zDC7q6uui6tKjoLv5Y1crhaEkASAeL.

    Please review the highlighted CSS in the above URL, and search in the site CSS if you find the same CSS to the Appearance > Customize > Additional CSS. If yes, then kindly remove the specific CSS code and see if this helps. Also for the safe side copy the CSS on the notepad or safe place.

    –
    Thanks & Kind Regards,
    Imran Khan

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.