Hi, TB,
In this forum I find more post about it but nothing precise. I tried copy-paste some code which I find in post but nothing good. One not working (working for kiddos), another disabled not just in mobile but everywhere – in desktop too.
Can you say what I must do. Some code in customs stelesheet or is another way.
BR
|
|
Hi,
You can use default Bootstrap classes to hide/show content:
https://getbootstrap.com/docs/3.3/css/#responsive-utilities
You need to use these classes in the Extra class field.
BR,
ThemeBurn team
|
|
Hi,
Thanks for your answer. I tried but for me nothing change not only mobile, but on desktop to. I tried all variations:
.visible-xs-*
.visible-sm-*
.visible-md-*
.visible-lg-*
.hidden-xs
.hidden-sm
.hidden-md
.hidden-lg
… but nothing.
You mean first I must copy some variation, like “.hidden-xs” if I want that slider is not showing on mobile which resolution is (Intro>Fire slider>Advanced and paste in “Extra class” field? Example in image – “11-extra-class.jpg”. For me no change.
Something I do not right. Can you advice me? Thanks a lot!
BR
|
|
Hi,
The classes you need to use in your case are:
hidden-xs
Point before the class is used only in CSS and not HTML.
BR,
ThemeBurn team
|
|
Hi,
Thanks a lot!!! – hidden-xs is working perfect but after that, in mobile I see free part. Look at the image – “13-free.jpg”. How I can cut this part?
After I tried to use visible-sm . Working but some problem on desktop. Example in image – “12-visible-sm.jpg”.
Best regards!
|
|
Hi,
You need to only use hidden-xs. White space below header is most likely due to margin.
BR,
ThemeBurn team
|
|