Layer Slider image Layer

Hey NorthcoastProject,

Sorry for the late reply. I see the same thing on my end in Safari, could you try to give the images IDs or classes so that we can target them with some custom CSS please?

Best regards,
Rikard

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (min-width: 768px) {
.avia-safari .home #rating-id {
  padding-top: 500px;
}
}

Best regards,
Rikard

Hi,

You might need more than one media query to get it looking right, for example:

@media only screen and (min-width: 768px) and (max-width: 1250px) {
.avia-safari .home #rating-id {
  padding-top: 400px;
}
}

Best regards,
Rikard

Hi,

Yes, but like I wrote, you likely need more than one media query:

@media only screen and (min-width: 1025px) and (max-width: 1250px) {
.avia-safari .home #rating-id {
  padding-top: 200px;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.avia-safari .home #rating-id {
  padding-top: 300px;
}
}

Please try experimenting with what works and what doesn’t in terms of the top padding and screen widths.

Best regards,
Rikard

Hi,
Sorry for the late reply, I examined your slider element and found that Safari is getting the position from the parent div .ls-wrapper.ls-in-out this div has the position as in-line css which Safari is using over the stylesheet css that Firefox & Chrome are using.
So I tried adjusting the in-line css though the layerslider options but none seem to address this, I then tried this css in the General Styling > Quick CSS field and in the WordPress > Customize > Additional CSS field:

@media only screen and (min-width: 990px) {
   #top.home #layerslider_1 .ls-wrapper.ls-in-out{
        top: 83% !important;
        left:40px !important;
    }
}

Unless you have a server cache that can be cleared, this doesn’t seem to be working, but please check.

Best regards,
Mike

Hi,
Glad to hear that you have sorted it out, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike