Whole page is broken + lightbox does not work

  • Resolved ellystime

    (@ellystime)


    10 months ago

    Browser: Chrome Version 121.0.6167.85
    OS: macOS
    URL: From Quarter-Life Crisis to Toulouse: A Two-Decade Adventure Abroad – a-frog-abroad
    Video Problem 1: Jam
    Video Problem 2: Jam

    As the 2 problems I experience have happened at the same time, they might be related, therefore I am sharing about them in one thread. And maybe the problem lies in my blog posts (created in Gutenberg).

    —

    I have created a Single Post template for my blog posts on Bricks.
    I am writing the blog posts in Gutenberg and then, render the content on my Bricks template through the Post Content Block (dynamic data).

    1 – Video – Problem 1 → The content is broken (only on Chrome, all good on Safari) but only on large screens, mobile view is ok. I have updated my Chrome browser and removed the custom CSS I had added, in case, but no change. I have also de-activated and re-activated my plugins.

    2 – Video – Problem 2 → The Lightbox feature does not work on my website. (both on Chrome and on Safari) I have enabled the lightbox for my post images inside the WordPress Post. All of my images are jpg and I have already re-uploaded most of them.

    I used to use ACF fields to render the content & images and everything was working fine (at least, the lightbox worked well) but now, I need to use Gutenberg’s default fields and I have the above mentioned problems.

    My 2 static pages are working perfectly and also, the lightbox works there. (Pictures are uploaded directly on Bricks)

    Thank you for the help!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter ellystime

    (@ellystime)

    About Problem 2 (Lightbox) I have solved it! I have removed lazy load and now, my images are clickable and appear in the lightbox.

    Still dealing with problem 1 (Broken page) so they do not seem related…

    • This reply was modified 10 months ago by ellystime.

    Hi @ellystime

    I carefully watched the video you made (thanks for that!) but I’m not sure I understand what content is broken exactly (problem #1). Is it because the first section of the page remains on screen when scrolling down? If so, you need to remove the sticky or fixed position of the section in your page builder.

    Hope it helps!

    Thread Starter ellystime

    (@ellystime)

    Hi @luk4

    Thank you for your answer! The problem was that the container had an overflow:hidden and so, I removed it and now everything works!

    Oh great, well done @ellystime! ??

    Please, don’t forget to mark this topic as resolved. This helps the volunteers like me find the topics that still need attention. Thank you!

    Have a nice day,

    [ Signature deleted ]

    Thread Starter ellystime

    (@ellystime)

    Hi @luk4,

    Marked as resolved, thanks! (FYI: For solving the problem, I got help from a developer so no merit on my side)

    Have a nice weekend!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Whole page is broken + lightbox does not work’ is closed to new replies.

Tags