Hi,
can you tell me how to hide slider on mobile device ?
thank you in advance
|
|
Hi,
1. Go to BurnEngine – Theme Options – Settings – Custom – Stylesheet, and add custom css:
@media (max-width: 768px) {
.hidden-sm {
display: none;
}
}
2. Then in Layout Builder edit Row where you place your Slider block and under Advanced tab add Extra class hidden-sm for complete Row or Column you want to hide.
3. Update Row setting
4. Save Content settings
br
|
|
Hi Elegor,
thank you very much for your help, it works perfectly.
|
|
no problem …. for sure i gonna need some advice as well …
keep forum alive
|
|
Sur, It’s always good to share our knowledge and this can serve everyone.
|
|
Hi,
You don’t need to add the styles from the Custom Stylesheet panel. Since BurnEngine is Bootstrap ready, this code is part of theme stylesheet and can be used directly
BR,
ThemeBurn team
|
|
hi,
I do not know why but this feature does not work anymore, another idea?
|
|
@Myskin67
Additional classes are removed while initializing. This is happening only with fullscreen sliders and will be fixed with the next update.
You can use this workaround until then:
@media (max-width: 768px) {
#wrapper > .tb_widget_fire_slider {
display: none;
}
}
BR,
ThemeBurn team
|
|
Hi,
your custom code work perfectly thank you
|
|
Glad we could help
BR,
ThemeBurn team
|
|