Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 8, 2019 at 2:42 am #1076197
    MM

    I had several issues with the fullscreen slider responsiveness, but I’ve managed to fix most of them with some media queries. However, there does appear to be a few problems in landscape with a few devices, as is apparent in one of your demos (https://kriesi.at/themes/enfold-shop/).

    Using the Chrome device simulator – using your own demo site linked above – I get problems in landscape mode with iphone X and Pixel 2XL and Nexus 7. The slider caption buttons don’t display or are partially ‘cut off’. I am having problems with my own site with this very same issue. Is there a fix please?

    March 9, 2019 at 9:55 am #1076682
    Rikard

    Hey meanster99,

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

    @media only screen and (max-width: 990px) {
.slideshow_align_caption {
    display: block;
    padding-top: 20px;
}
}

    Best regards,
    Rikard

    March 9, 2019 at 11:40 pm #1076849
    MM

    Hi Rikard,

    Thanks, but this won’t work. The slider caption needs it’s width changing to 100% and (potentially, depending on the amount of text in the caption) the top-margin reducing. For anyone else that wants a solution for both the iPhone X and Pixel 2XL in landscape mode, you can use the following media queries:

    /* change fullscreen slider caption to fit on iphone X landscape */
@media only screen and (min-device-width : 375px) and (max-device-height : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape)   { 
      .slideshow_caption {
      width: 100%!important;
      padding-top: 20px!important;
}
}

/* change fullscreen slider caption to fit on Pixel 2XL landscape */
@media only screen and (min-device-width : 412px) and (max-device-height : 823px) and (-webkit-device-pixel-ratio : 3.5) and (orientation : landscape)   { 
      .slideshow_caption {
      width: 100%!important;
      padding-top: 20px!important;
}
}
    March 10, 2019 at 2:31 pm #1077006
    Rikard

    Hi,

    Thanks for sharing, much appreciated. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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