Change widget height on mobile

CSS Codes Slider
1

Add this code to the Custom CSS field on the Advanced tab of your Slider widget’s settings:

@media (max-width: 500px) {
  .eapp-slider-slider-slider,
  [class*="BuilderBlock__StyledWidgetBackground-sc"],
  [class*="Background__Container-sc"] {
    height: 60vh!important
  }
}
2

@Max unfortunately I am having some issues with this code. It doesn’t actually fix the height of the widget but rathe constrains it and then makes it scroll. The name of my widget is “Our Work Home Slider”.

1 Like
3

Hi @Quilla :wave:

I’ve adjusted the code, it should work now:

@media (max-width: 500px) {
  .eapp-slider-slider-slider,
  [class*="BuilderBlock__StyledWidgetBackground-sc"],
  [class*="Background__Container-sc"] {
    height: 60vh!important
  }
}

Give it a try and let me know if you like the result :slightly_smiling_face:

2 Likes