Advanced Layer slider nav arrows messed up since last theme update

Hey!

I am very sorry about that. I might have forgotten to enable the security plugins back while trying to investigate the issue regarding the icons. Did you enable the plugins back? Again, we would like to apologize for the mistake.

Thank you for your patience.

Cheers!
Ismael

Hi,

Deactivating plugins while debugging issues is a common procedure in our work, so sometimes we tend to forget to ask permissions prior. Is there a staging or development version of the site? It is probably safer if we try to solve the issue there instead.

Have you tried our previous suggestions?

// https://kriesi.at/support/topic/advanced-layer-slider-nav-arrows-messed-up-since-last-theme-update/#post-1248438

I will forward this thread to our channel so that other moderators can help out.

Best regards,
Ismael

Hi!

We understand. Again, we would like to apologize for the mistake. Please post the login details again in the private field so that the team could access the dashboard and check the issue further. For the meantime, please try to disable the Performance > File Compression settings, see if that helps with the font file issue.

Cheers!
Ismael

Hi,

I cannot see the error Ismael mentioned at the moment but nav icons are broken due to conflict in skin.css file. Please add following code to bottom of Quick CSS field

.ls-outline .ls-nav-prev::before, .ls-outline .ls-nav-prev::after, .ls-outline .ls-nav-next::before, .ls-outline .ls-nav-next::after {
transform: none; 
width: auto;
height: auto;
}

Best regards,
Yigit

Hi,

Have you deleted the code after testing? If you did not delete it, there might be error in your CSS code as I cannot see it on your site. You can use this website to check for errors in your custom CSS – http://csslint.net/.

If there is no error in your CSS code, could you please try adding !important and check if that helps?

.ls-outline .ls-nav-prev::before, .ls-outline .ls-nav-prev::after, .ls-outline .ls-nav-next::before, .ls-outline .ls-nav-next::after {
transform: none !important; 
width: auto !important;
height: auto !important;
}

Best regards,
Yigit

Hi,

Great!

Please add following code to Quick CSS to remove borders

.ls-outline .ls-nav-prev, .ls-outline .ls-nav-next {
    border: none !important;
}

Best regards,
Yigit

Hey,

That is probably because the code in skin.css file also has !important.

Could you please try following code as well

#top .ls-outline .ls-nav-prev, #top .ls-outline .ls-nav-next {
    border: none !important;
}

This makes selector more specific so it might have higher priority :)

Best regards,
Yigit

Hi,

You are welcome! Glad we could help :)

Let us know if you have any other questions or issues and enjoy the rest of your day!

Best regards,
Yigit