Can't hide sections on mobile

[hypnorich]

I am trying to optimise my site and to do that I need to hide various sections on the two smallest screen sizes. The thing is that it doesn’t consistently work. Sections show when they shouldn’t and don’t show when they should. I have added a video below to show you what I mean. Hopefully you can make sense of it

[Prasant]

Hello Richard,

Thanks for writing in!

As there are multiple pages on the website it’s difficult for me to take a closer look. Can you please share the page URL that’s having this issue? I also tried looking using the video title but I don’t see a page with that name.

Thanks.

[hypnorich]

I did say at the begining of the video that the issue is on the home page
Thanks for your quick reply. I am hoping that there is a solution to the problem…

[lely]

Hi Richard,

I can see the issue and we’re still investigating it. We’re sorry for the inconvenience. We have added it on our bug tracker. For the mean time, would you mind adding the following temporary fixed.

Try adding this custom CSS:

@media (max-width: 768px) and (min-width: 481px){
  
  .custom-hide-768{
    display:none !important;
  }
}

Now, add this class custom-hide-768 on columns that should be hidden on that specific breakpoint.

Hope this helps.