Helix3 - Forum | JoomShaper
Awaiting an answer Helix Framework

Helix3

Asked by Zbigniew Krełowski 3 years ago Last activity 3 years ago

Hi,
I want to make some columns in my style invisible on mobiles and tablets. I mark checkboxes in Helix3 and nothing - columns are still visible.
Details - http://krelowski.com/images/22.png

Could you help me with this issue?

Zbigniew

5 replies

Paul Frankowski Senior Staff

Czesc Zbigniew,

it's becuase after Bootstrap update classes were changed, but you probably have template based on Helix, not raw Helix and that's why.

Hopefully easy to correct with custom CSS. Moment...

Paul Frankowski Senior Staff

I don't know what template name you have there, so let's try that method

in Column settings > Custom CSS Class > put those names (add 1 space before name!)

d-none d-sm-none d-md-none

info_708_2023.png

It's solution when your site is using bootstrap 5.x


If somehow it will not help, add also that Custom CSS:

@media screen and (max-width: 860px) {
.d-sm-none, .d-md-none, .d-none {
  display: none !important;}
    }

instead of 860px you can also use 1024px (iPad classic).

Zbigniew Krełowski Asked this

Thanks Pawel,
I'm waiting.

Paul Frankowski Senior Staff

Look up :)

Zbigniew Krełowski Asked this

Pawel you are great! Thank you. That solved problem.
Thanks a lot.
Zbigniew

Log in to reply.