Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • April 20, 2017 at 7:31 pm #780720
    mcraig77

    Ahoy,

    I’m using this plugin which I purchased from theme forest. http://preview.codecanyon.net/item/multipurpose-before-after-slider/full_screen_preview/5159016?_ga=1.212410900.1443368365.1492473979

    I’m having an issue with the plugin with the enfold theme. I already reached out the plugin developer and they said it is a issue with the enfold pagebuildler. Here is the issue.

    The plugin looks fine when it is full screen. When you minimize it though it does not adjust if it is in a column. I have created some demo pages to show the issue.

    Please advise how to resolve.

    April 26, 2017 at 8:36 am #783326
    Ismael

    Hey mcraig77,

    Thank you for using Enfold.

    Please note that we don’t provide support for third party extensions as stated on our support policy but we’ll try to help as much as we can. Is it working properly if the slider is outside the tab section element?

    Best regards,
    Ismael

    April 26, 2017 at 7:14 pm #783656
    mcraig77

    Hi Ismael,

    I already reached out to the plugin developer, yes it works fine outside the pagebuilder. Only when put in the pagebulder does it not work… It seems to have a conflict with the pagebuilder…. Did you see the sample I provided?

    April 27, 2017 at 6:26 am #783806
    Ismael

    Hey!

    Yes, we understand that it’s not responsive but have you tried moving it outside the “Tab Section element”?

    Cheers!
    Ismael

    April 27, 2017 at 7:23 am #783824
    mcraig77

    Hi Ismael,

    Yes, I have and it works BUT I need it to be in this element to make things flow with my website. The text is not all showing (from the left side) in full either (i just noticed that)… see screenshot.

    April 27, 2017 at 9:06 am #783881
    Ismael

    Hey!

    Try to set a maximum width to the tab section’s inner container.

    @media only screen and (max-width: 767px) {
    .av-layout-tab-inner {
        max-width: 600px;
    }
}

@media only screen and (max-width: 460px) {
    .av-layout-tab-inner {
        max-width: 400px;
    }
}

    Best regards,
    Ismael

    April 27, 2017 at 7:08 pm #784147
    mcraig77

    That seems to help with iphones but on my galaxy 6 device some of the text is still cut off. Screenshot attached

    April 27, 2017 at 9:54 pm #784223
    John Torvik

    Hi,

    Just change the code to:

    @media only screen and (max-width: 482px) {
    .av-layout-tab-inner {
        max-width: 400px;
    }
}

    P.S: I just changed the 461px by 482px.

    Best regards,
    John Torvik

    April 27, 2017 at 11:12 pm #784248
    mcraig77

    Ahoy John,

    I changed that but things are still getting cut off on my phone.

    May 1, 2017 at 7:26 am #785549
    Ismael

    Hi,

    For the galaxy 6 device, please add this code:

    @media screen 
  and (device-width: 360px) 
  and (device-height: 640px)
  and (-webkit-min-device-pixel-ratio : 4) 
  and (-webkit-device-pixel-ratio : 4)
  and (orientation: portrait) {
    .av-layout-tab-inner {
        max-width: 450px;
    }
}

    Best regards,
    Ismael

    May 1, 2017 at 8:20 pm #785958
    mcraig77

    Hello,

    I just tried that on my edge and it didn’t seem to change anything…

    May 2, 2017 at 6:44 am #786158
    Ismael

    Hi!

    Are you removing the browser cache or hard refreshing the page before checking it?

    Regards,
    Ismael

    May 2, 2017 at 8:58 pm #786697
    mcraig77

    Yup, as you can see it is still funky on my phone. See test browser in private

    May 3, 2017 at 7:03 am #786928
    Ismael

    Hi,

    Please adjust the max-width value from 400px to 300px.

    @media only screen and (max-width: 460px) {
    .av-layout-tab-inner {
        max-width: 300px;
    }
}

    Best regards,
    Ismael

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