Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 8, 2018 at 7:29 pm #909916
    Jay

    It seem that the toggle element does not get proper resize events for videos (and may be other media as well, but I have not tested it) from Chrome (occurs on both desktop and my phone version). Here is a test page you:

    https://visualwilderness.com/test-chrome-resize

    You can easily see the issue in Chrome by resizing the page and then looking at different tabs. My desktop version is: 64.0.3282.140 (Official Build) (64-bit)

    There is no issue with Firefox and Edge browsers. I have not tested Safari.

    Is there a Function.php routine that may solve the issue? I would be happy to test this out for you.

    Thanks.
    -Jay

    • This topic was modified 6 years, 10 months ago by Jay.
    February 8, 2018 at 10:57 pm #910021
    Basilis

    Hey Jay,

    Can you please add to your custom CSS

    iframe { width: 100% !important; }

    And let us know if that fixes the issue please?

    Best regards,
    Basilis

    February 8, 2018 at 11:06 pm #910033
    Jay

    @Basilis,

    No…this does not fix the issue. Everything render correctly when the page comes up.

    Here are few things that will help you narrow down the problem:
    __The problem is easily seen in chrome in Inactive Toggles. So if you resize the browser then go to an inactive toggle the video size will be wrong.
    __The problem show most readily when the page resizes…and ONLY in Chrome Browser.
    __This is also NOT an issue with Tab Element….Just with Accordian element.
    __Additionally the video sometimes fails to go full screen

    My best guess is that the accordian element wrapper is different then the tab element wrapper.

    Thanks.
    -Jay

    • This reply was modified 6 years, 10 months ago by Jay.
    February 10, 2018 at 11:01 pm #910663
    Basilis

    Hi,

    Yes you are right.
    We are reporting the issues to our developers as they fixed the tabs issue, to also fix the accordions issue.

    Best regards,
    Basilis

    February 11, 2018 at 12:16 am #910688
    Jay

    @Basilis, Thanks!!

    I would appreciate an early fix (even if I have to replace a file in my child theme) because our business needs this.

    Question: Default Tab Behavior changes from Tab to Toggle on smaller screen: Is there a way to change that break point using some quick code in Function.php? This way I can have my old pages change to TAB on screens below 990px to the tablet users to view the videos in large size without going full screen.

    • This reply was modified 6 years, 10 months ago by Jay.
    February 12, 2018 at 10:51 am #910997
    Victoria

    Hi Jay,

    Please try the code below for the video resizing issue.

    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

    
.player .vp-player-layout {
	width: 100vw !important;
    height: 100vh !important;
}

    Can you disable caching and minification for now?

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 12, 2018 at 2:31 pm #911110
    Jay

    @Victoria,

    I have disabled the caching and minimization on my staging site at:
    http://visualwilderne.staging.wpengine.com/test-chrome-resize (hosted on WPengine)

    I tried your suggestions (and have tried others as well) to modify the CSS Property of the Vimeo Player within the iFrame. It does not work. The issue I think (not 100% sure) is that the closed toggles are not getting the resize or load event correctly from Chrome (or at correct time).

    February 13, 2018 at 5:02 am #911501
    Ismael

    Hi,

    Thank you for the update. Please try this css code.

    .toggle_content iframe {
    width: 100% !important;
    min-height: 434px;
}

    Adjust the values as needed. Apply a custom css class attribute to the element so that it wouldn’t affect other toggles.

    // https://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Best regards,
    Ismael

    February 13, 2018 at 5:36 am #911523
    Jay

    @Ismael,
    I am not sure what you are trying to accomplish by making the iframe non-responsive with the above code. Not only this not fix the problem…it makes the video frame completely messed up when user resize the window.

    Here is the results: http://visualwilderne.staging.wpengine.com/test-chrome-resize (hosted on WPengine)

    February 13, 2018 at 9:42 pm #911903
    Basilis

    Hi,

    yes you are right.
    it is not so easy if we can replace with a quick code, as the problem is not only related to the CSS, but it is also related with the way that all the functionality works.
    BUT – please be patience so we can push a patch out that could work the things properly.

    Best regards,
    Basilis

    February 13, 2018 at 9:49 pm #911907
    Jay

    @Basilis, Agreed…and yes I will wait for the correct fix. You guys have a great theme and we have recommend it to several users. ;)

    February 13, 2018 at 10:49 pm #911961
    Basilis

    Hi,

    We appreciate your patience a lot and more – your kind words!
    You will also be amazed with the new version updates we are preparing!

    Best regards,
    Basilis

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