Layer Slider text and submenu not showing correctly on Firefox

Hey Stepconsulting,

Thank you for the inquiry.

We may need to manually control the size of the fonts on larger screens using css media queries. We can do it by applying a unique class or ID attribute to the layer. Start by editing a layer, then go to the Links & Attributes tab and look for the CLASS or ID field. In the CLASS field, add the name “custom-layer” for example, then use it to adjust the style of that particular layer.

Add this css code in the Quick CSS field or the style.css file.

@media only screen and (min-width: 2160px) {
   .custom-layer {
      font-size: 40px !important;
   }
}

If you want to use the ID field instead, input the same name that we use for the CLASS field, then replace the css code with the following.

@media only screen and (min-width: 2160px) {
    #custom-layer {
       font-size: 40px !important;
    }
}

// https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Best regards,
Ismael