Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • September 13, 2016 at 8:26 am #685574
    xfacta

    Hi there

    I am using the full width easy slider with a Caption Title, Caption text and 2 buttons. I want the image to fill the width of the page but not the depth – hence using full width slider not full screen slider. But the caption, text and buttons don’t fit on mobile screens – the image shrinks proportionally however all the text and buttons disappear.

    i have the same setup on another dev site as well and its actually worse after the latest enfold update.

    Cheers

    September 14, 2016 at 7:36 am #686177
    Rikard

    Hey xfacta,

    Could you post a link to the site in question so that we can take a closer look please?

    Thanks,
    Rikard

    September 14, 2016 at 7:42 am #686181
    xfacta

    Hi there link below :-)

    September 15, 2016 at 7:22 am #686755
    Rikard

    Hi,

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

    @media only screen and (min-width: 768px) and (max-width: 1130px) {
.slideshow_caption {
    width: 70% !important;
}
}

    Regards,
    Rikard

    September 15, 2016 at 7:25 am #686757
    xfacta

    hi there

    Sorry hint fixed it :-(

    September 16, 2016 at 1:50 am #687166
    xfacta

    Didn’t fix it not hint fix it lol

    September 17, 2016 at 12:22 pm #687915
    Rikard

    Hi,

    You have a coming soon page active now.

    Thanks,
    Rikard

    September 17, 2016 at 12:37 pm #687921
    xfacta

    Sorry I’ve taken that off again for you now

    September 19, 2016 at 8:03 am #688336
    Rikard

    Hi,

    Try the following instead: 

    @media only screen and (min-width: 768px) and (max-width: 1130px) {
.slideshow_caption {
    width: 100% !important;
}
}

    Regards,
    Rikard

    September 19, 2016 at 8:06 am #688338
    xfacta

    Sorry still not working :-(

    September 20, 2016 at 6:47 am #688951
    Rikard

    Hi,

    It looks fine on my end, could you post a screenshot of what you are seeing on your end and a mockup highlighting how you would like to change the layout please?

    Thanks,
    Rikard

    September 20, 2016 at 6:51 am #688954
    xfacta

    Hi there

    Link to screenshots below

    September 23, 2016 at 3:14 pm #690806
    Andy

    Hi,

    try this code inside your Quick CSS field:

    @media only screen and (max-width: 767px) {
.avia-slideshow-inner {
height: 248px !important;
}}

    and adjust as needed.

    Best regards,
    Andy

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