Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 30, 2014 at 9:21 pm #327598
    KingConga

    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?

    October 1, 2014 at 10:04 am #327931
    Ismael

    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

    October 1, 2014 at 6:30 pm #328362
    KingConga

    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.

    October 3, 2014 at 6:33 am #329468
    Ismael

    Hey!

    Have you tried using positioning properties? And adding !important value should help as well. Something like this:

    .selector {
top:20px !important;
left: 50px !important;
margin-left: 10px !important;
}

    Use media queries for different screens sizes.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.