Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.
Tagged: Layer Slider
Enfold is such a joy to work with.
I have one issue. I am using the layerslider on my home page panamayachtandfishingcharters.com. At certain screen sizes (mid-sizes) the text on the slides spills beyond the edges of the page and so is unreadable. If the browser is made slightly larger or smaller then it is correct. I guess the screen size is a horizontal tablet or a very small laptop.
If you’re looking for them, it is occurring on the 8th and 9th slides “Bocas del Toro” and “San Blas Islands”.
Is there a fix for this?
Hey Tim!
Thank you for using Enfold.
Edit the layer then look for the Attributes panel. Add a unique selector on the Classes field. Use this selector inside a css media query to either hide the specific element on mobile device or change the style.
Regards,
Ismael
I have tried experimenting with putting a margin-left: or a margin-right: on those text elements. i have also entered the attributes boxes as ID’s, trying with and without the #, and as CLASSES with and without the point.
I haven’t tried media query css for specific sizes, I just applied the margin via quick css so it should be working for all screen sizes, but I’m gaining no control over it.
For now I’ve had to make sure that all text is 105 px clear of the edges on every slide or some text will disappear. Similarly I have a graphic element on the opening slide that I’ve moved in from the left as far as I can, but it is truncated on it’s left side at certain screen sizes. I’m not sure what to do about that one.