Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 22, 2015 at 9:06 am #415910
    htarrant

    Hi there,
    Is there a way to control the way certain elements appear in the Layer Slider when it’s in mobile view? For instance, my titles on the layer slider are really quite small when it resizes to fit the screen size. The titles are jpg image files.

    Thanks!

    March 23, 2015 at 4:37 pm #416452
    Yigit

    Hey htarrant!

    Can you post the link to your website please?

    Regards,
    Yigit

    March 23, 2015 at 10:41 pm #416769
    htarrant

    Sure..
    http://suttlerecreation.com

    March 24, 2015 at 2:44 am #416864
    Ismael

    Hi!

    Edit the image button layer then add a custom id or class attribute in the Attributes panel. Use “custom-button” in the Class field for example. Add this to the Quick CSS field to modify the button on mobile devices:

    @media only screen and (min-width: 768px) {
.custom-button {
width: 186px !important;
height: 22px !important;
bottom: 50px !important;
}}

    Regards,
    Ismael

    March 28, 2015 at 9:12 am #419810
    htarrant

    Hi, I inserted the custom css but part of the button/text is hidden.

    March 30, 2015 at 6:29 am #420204
    Ismael

    Hey!

    I checked the site but I don’t see any custom css class attribute in the slider button. Did you add it in the layer’s Attributes panel?

    Regards,
    Ismael

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