Hi, I am using Avada theme with Layerslider. When I add an image layer into the slide, it shows up well on a large desktop monitor. When the page is opened on a smaller monitor or tablet or phone, the image is out of position and very small. The example in the photos is the red shield. Without inserting CSS, are there configs I need to change in Avada or Layerslider?
Attached files: Covid Image_phone.jpg Covid Image_Sm scrn.JPG Covid Image_Lg scrn.JPG
Thank you for getting in touch with us!
You should create separate layer for the image if you would like to increase the size on mobile.Since version 6 of LayerSlider you have the option to display layers only on certain devices (desktop, mobile, tablet). This feature is called device specific layers, and it gives you the option to create separate layers for mobile, tablet and desktop view in the same slide, and only show them on the required device. This only changes the slider on the layer level.
(Show this layer on the following devices name has changed to Toggle Device Visibility)If you will have any question, feel free to ask.
Best Regards,Kristof Molnar | Kreatura Support Team