Blocks not showing on some screen sizes

Strangely, this only applies to some blocks on the page on which I have used this method. I created two headers and the switch between the two works perfectly. However, some other blocks on the page don’t work as well. (The one that I am referring to on this specific page is the group just below the header.)

For some blocks on the page, I created two versions. One that should display on mobile and one that should display on tablet and desktop. However, just after the breakpoint for mobile (in terms of screen width) for a few sizes larger, neither of the blocks are displayed.

If I were to create one for desktop and another for mobile and tablet, the block (made for mobile and tablet) disappears after the breakpoint for a tablet if I make the screen larger. The desktop version of the block only appears once the screen is big enough again.

This means that on some devices the block doesn’t display or if a user were to view the page on desktop, but downsize the window to a certain size, they won’t see the block either.

Is there something that I can do to prevent this from happening?

• This topic was modified 1 month, 4 weeks ago by charlekotze.

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