Helix3 - Question | JoomShaper

Helix3

Z

Zbigniew Krełowski

Helix Framework 1 year 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

0
5 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #108789

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...

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #108837

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).

0
Z
Zbigniew Krełowski
Accepted Answer
1 year ago #108838

Thanks Pawel, I'm waiting.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #108839

Look up :)

0
Z
Zbigniew Krełowski
Accepted Answer
1 year ago #108843

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

0