Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 2, 2017 at 12:04 pm #833376
    2SINN

    Hi guys,

    I have updated a website to the latest Enfold. The LayerSlider has changed quite a bit. Now I want to rebuild the old slider but keep having issues. The text keeps getting cut off at the sides, especially if I increase the font-size.
    And it gets worse on mobile screens.

    The layout ist really simple: full width background-image, large text-headline aligned right to the content-width with one CTA-button:
    https://www.dropbox.com/s/6y8qnih2nmrul0f/Bildschirmfoto%202017-08-02%20um%2011.59.24.png?dl=0

    I really hope you can help. Thanks in advance!

    August 2, 2017 at 3:57 pm #833529
    2SINN

    This is what it looks like on mobile:
    https://www.dropbox.com/s/2loyj7l6188qpf0/Bildschirmfoto%202017-08-02%20um%2015.56.48.png?dl=0

    The slider is much wider than the viewport… for example:
    viewport: 375px
    LayerSlider: 630px (.ls-wrapper)

    • This reply was modified 7 years, 4 months ago by 2SINN.
    August 3, 2017 at 11:04 am #833818
    2SINN

    Bump… any ideas?

    August 7, 2017 at 2:11 pm #835370
    Rikard

    Hi,

    Sorry for the late reply. Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    August 7, 2017 at 2:30 pm #835389
    2SINN

    Thanks. Here you go…

    August 7, 2017 at 5:48 pm #835498
    John Torvik

    Hi,

    I have tried to access your dashboard and the credentials aren`t right.

    Best regards,
    John Torvik

    August 7, 2017 at 5:51 pm #835500
    2SINN

    Hi,
    could you try again? I tried copying the credential above and it worked immediately.

    August 10, 2017 at 4:47 pm #837057
    2SINN

    John?

    August 12, 2017 at 3:44 pm #837924
    Victoria

    Hi,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {

.ls-wrapper.ls-in-out,
.ls-wrapper.ls-in-out div,
.ls-wrapper.ls-in-out p {
  width : 314px !important;
  padding: 20px 10px !important;
  word-;
  word-wrap: break-word;
  white-space: pre-line;
  left: 20px !important;
}

.ls-wrapper.ls-in-out div a.button,
.ls-wrapper.ls-in-out p a.button {
  margin-top: 40px !important;
}
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 14, 2017 at 10:51 am #838544
    2SINN

    Thank you Victoria,

    I thought it was weird that this is not possible with the default layerslider and needs outside css.

    Best
    Felix

    August 14, 2017 at 4:39 pm #838757
    Sarah

    Hi!

    We’re glad that the team has been able to help. Did you still need help with this topic?

    Best regards,
    Sarah

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