NO BUG: Block not rendering properly, or at all in frontend

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

I admit straigh away that I’m not an experienced page builder but this behaviour seems to completely defy reason. Tried to search for a similar topic but couldn’t find, sorry if this has been solved already.

Problem: Sometimes blocks that I put in at the editor simply don’t show in frontend. In this example there’s a simple red block, 400x200 pixels containing a header wrapped in a default container with a blue background. Frontend shows the container, but forgets about the red block and it’s dimensions, leaving only the header. The container’s alignment settings seem to be going out the window too, since the block holding the header is supposed to be centered. See images.

Is there anything besides my stupidity that could be behind this? Any help is appreciated.

Using bricks 2.2, WordPress 6.9.1

Hi pestian,
Welcome to the forum, and thanks so much for your report!

It’s hard to say what the problem is… Could you possibly provide us with a live link? If you don’t want to or can’t make it public, you are also welcome to send the access data and a link to this thread to help@bricksbuilder.io using the email address you used during the purchase.

Best regards,
timmse

1 Like

Sure. The page is live now: https://kristianpenttinen.fi/

Looks like it’s because of the scroll-behavior: smooth that’s just “hanging around” in your styles, causing the following styles to break, as it’s not wrapped in a selector (which is invalid CSS).

Please check if you added it somewhere, most likely in custom CSS.

Thanks timmse! I remember fiddling with scroll behavior at one point. I’ll look into it now. I’ll let you know how it went.

Looks like smooth scrolling is indeed enabled in Bricks settings under General / Miscellaneous. This was ticked because the two child pages have a scroll-to-anchor type of menu. I checked my custom CSS, there’s nothing about smooth scrolling there.

However, the problem seems to persist even after disabling smooth scroll from the settings. Weird.

Hey there, I am wondering if it is a cache issue, as the source does not load for me at all, compared to @timmse .

Plus, when I at the element level there are zero settings for that div, even though you have height, width, and background color set.

Just a thought.

Yes, because it doesn’t come from there. The smooth scroll from the settings is added here and does not end up in your post-xx.min.css:

Just send us your login details, and I’m sure we’ll find the culprit :v:

Okay, thanks! I’ll send the login data shortly.

First place I looked at :bullseye: :joy:
Have a relaxing weekend :v:

Wow. :smiley:

That’s emberassing. I forgot there’s custom code under page settings!

Now we know the answer.

Many thanks to you @timmse and have a great weekend!

1 Like