Docs

[garlicfox]

Hello,

I have a layerslider with buttons and I’ve put the following code in my global css i found from another post:

@media only screen and (max-width: 480px) {/*For mobile*/
.ls-slide .x-btn {
  font-size: 12px;
  padding: 10px 10px;
}
}
@media only screen and (max-width: 979px) {/*For Tablet*/
.ls-slide .x-btn {
  font-size: 14px;
  padding: 10px 20px;
}
}

Can you tell me why the buttons though on the mobile/tablet are not changing size? I’ll put the URL in the next post. Thank you.

[garlicfox]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! Would you add a screenshot and point which button you are referring. If you are referring hte next/previous button then the default CSS is as following :

.ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next {
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 10000;
}

Let’s change that if needed. You might need to change the background positioning as well. Let us know hwat you are referring.

Cheers!

[Author]

Posts