Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 30, 2017 at 10:44 pm #785423
    JennyGr

    Hi I have a page header on most internal pages of my site which uses easyslider to slide in some text (see private content). On mobnile this text is not displaying properly. PLease can you advise?

    Many thanks

    Jenny

    May 1, 2017 at 7:41 am #785562
    John Torvik

    Hey JennyGr,

    To fix it, just add the follow custom CSS code:

    @media only screen and (max-width: 481px) {
    .avia-slide-wrap {
        height: 120px;
    }

    .avia-slide-wrap .caption_fullwidth {
      position: absolute;
      top: 11px;
    }

    .av_slideshow_full li img {
        height: 121px;
     }
}

    Best regards,
    John Torvik

    May 2, 2017 at 12:42 am #786046
    JennyGr

    Thanks John. I tried your code and it worked but it also reduced the height of my easyslider on the main body of the webpage so that only half the image was visible. I use easyslider extensively throughout the site in this way see private content for an example. Can you think of a solution that might leave the easyslider in the main content untouched by the code?

    Thanks

    Jenny

    May 2, 2017 at 12:45 am #786049
    JennyGr

    I don’t mind if the solution is to have no slide in text in the header on mobile only.

    Also by testing on screenfly I can see this is also a problem in desktop and tablet at 1024 x 768 and under

    Thanks

    Jenny

    May 2, 2017 at 7:06 am #786169
    Rikard

    Hi Jenny,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
.slideshow_caption {
    width: 60% !important;
    bottom: 20px !important;
}
}

    Best regards,
    Rikard

    • This reply was modified 7 years, 6 months ago by Rikard.
    May 2, 2017 at 11:50 pm #786796
    JennyGr

    Hi Rikard that works great for tablets at 1024 x 768 and under thanks.

    Do you also have a solution for mobile also. John gave some advice i(see higher up this thread) but it also reduced the height of the easyslider I use for images on the main body of the webpage so that only half the image was visible. I use easyslider extensively throughout the site in this way.

    Many thanks

    Jenny

    May 3, 2017 at 6:20 am #786907
    John Torvik

    Hi,

    The code that I provided to you is affecting the desktop version?

    Best regards,
    John Torvik

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