-
AuthorPosts
-
September 4, 2017 at 5:07 pm #847830
Hello!
My page´s default language is englisch – everything is fine there. The translated pages where fine, too until I upgraded the theme to have the new features. I setup two tables (below the headline “Product portfolio”) – one for desktop and one for mobile, so the mobile ones can by swiped.1. The text “Swipe left or right to compare.” should be displayed on mobile. So the checkboxes to hide on large/medium screens are checked.
In english everything is fine, the translations (german / dutch) the text is not hidden.2. The three colums are displayed below each other although they are set as 1/3 1/3 1/3.
They are displayed on mobile although they are setup to be hidden there.3. The tab section is setup to be displayed on mobile only but still displays on desktop.
Maybe there is a problem with the theme and WPML. I even updated WPML to 3.8 today but this didn´t solve the problems.
Any idea what may cause this?
Best regards,
JanSeptember 6, 2017 at 5:34 pm #848776Hello!
Is there anything I can do to get some support?
Best regards,
JanSeptember 8, 2017 at 6:28 am #849395Hi,
Thank you for the update.
The css codes that are supposed to hide the elements are not working because some of the sections are outside the #wrap_all container. Please edit the pages and make sure that all elements or set of elements are inside their own color sections.
Best regards,
IsmaelSeptember 8, 2017 at 10:00 am #849510Hi Ismael,
I only used the Layout Editor, so how could I have placed any content outside the #wrap_all container?The links I provided point to my staging server. The live version still uses Enfold 4.0.5 (see links below) and is working fine. So I think this is a problem of Enfold 4.1.2. in combination with WPML. The content on the staging server is nearly the same – only difference is that I used the new features to hide some content for desktop/mobile there.
The strange thing is all pages on the english version (default language) are fine. Only the translated pages have these problems although the layout is exactly the same. So why is the #wrap_all container brocken on the translated pages only? I even tried to disable all plugins so only WPML is active and removed all custom CSS – problem remains.
Do you have any ideas what may cause this?
Best regards,
JanSeptember 10, 2017 at 11:06 pm #850256Hi,
WPML latest version adds some elements that per language target all the containers of the web site.
That is creating the issue you can see on the live version. WPML team is notified ( from other people and other theme providers also ) and we hope they will do create what is needed.Best regards,
BasilisSeptember 11, 2017 at 6:24 pm #850620Hi Basilis,
thanks for your answer! I´m wondering if it´s only WPML that causes the problems because:
Enfold 4.0.5 + WPML 3.7.1 – works fine
Enfold 4.1.2 + WPML 3.7.1 – causes problems
Enfold 4.1.2 + WPML 3.8 – causes problemsDo you know a version of WPML that works with Enfold 4.1.2 ? I just need a solution to be able to use the latest features of the theme.
Best regards,
JanSeptember 12, 2017 at 6:22 am #850761Hi Jan,
We haven’t been able to fully test the latest version of the theme with WPML yet since we have been focusing on bug fixing in the theme. If you want to try to run 4.0.7 instead then you can download it in private.
Best regards,
RikardSeptember 12, 2017 at 12:30 pm #850966Hi Rikard,
thanks for version 4.0.7 ! I´ve tested it, but unfortunately it does not have the new functions to hide/show content for desktop/tablet/mobile. This is what I need and this was the reason I updated the theme to the latest version and updated a pages. So I can´t downgrade now.
Now I´m struck, and wondering why Enfold is claimed to be “Translation ready using WPML” https://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990 but is not because the layout is broken.
Do you have a date when a new version will be released where this will work again?
Best regards,
JanSeptember 13, 2017 at 12:18 am #851286Seems I´m not the only one – the bug is there for some months now:
https://kriesi.at/support/topic/style-and-responsive-problem-with-translated-pages-in-enfold-and-wpml/The provided script fix does not work any more. Could you please inform Kriesi so this can be solved?
Best regards,
JanSeptember 13, 2017 at 7:08 am #851392Hi,
I only used the Layout Editor, so how could I have placed any content outside the #wrap_all container?
Yes, I know. It’s a glitch in the builder which breaks the shortcode tree. Did you try our previous suggestion?
Please edit the pages and make sure that all elements or set of elements are inside their own color sections.
We also suggested the same thing on the previous thread if you noticed.
Seems I´m not the only one – the bug is there for some months now:
https://kriesi.at/support/topic/style-and-responsive-problem-with-translated-pages-in-enfold-and-wpml/Best regards,
IsmaelSeptember 13, 2017 at 9:46 am #851465Hi Ismael,
all elements that can be placed in a color section are placed in it.
Exceptions: One advanced slider & two tab sections.I even removed all other elements for testing so there´s just one color section left. Found out the setting for “Equal Height Columns” causes the problem. Please have a look on the screenshot: http://deeluuxe.com/downloads/enfold-colums.png
So I edited one of the translated pages and set “Equal Height Columns” to “Individual height” and the layout is fine again. So it´s definitely a bug in the Avia Layout Builder that should be fixed.
- This reply was modified 7 years, 3 months ago by deeluuxe.
September 14, 2017 at 8:24 am #851900Hi,
Thank you for the info.
Yes, we are aware of the bug. The “color section workaround” usually fix the issue but I’m not sure why it’s not working on yours. Our developer just found a fix for the “Equal Height Column” issue and it’s going to be included in the latest version of the theme. For now, please disable the “Equal Height Column” option.
Best regards,
IsmaelSeptember 14, 2017 at 12:23 pm #852014Hi Ismael,
when using Enfold 4.1.2 the script fix also has to be extended. Here´s the code:
function ava_custom_script_fix(){ ?> <script> (function($){ function a1() { var grid = $('body').children('.avia-section, .av-layout-grid-container, .av-tab-section-container'); $(grid).appendTo('#wrap_all #main'); } a1(); function a2() { var child = $('.avia-section, .av-layout-grid-container').find('.avia-section, .av-layout-grid-container'), parent = child.parents('.avia-section, .av-layout-grid-container'); child.insertAfter(parent); } a2(); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script_fix');
September 15, 2017 at 10:05 am #852442Hi,
Are there “sections within sections” or “grid within grid” in the page?
var child = $('.avia-section, .av-layout-grid-container').find('.avia-section, .av-layout-grid-container'), parent = child.parents('.avia-section, .av-layout-grid-container');
Best regards,
IsmaelSeptember 15, 2017 at 11:28 am #852498Hi Ismael,
no, there are no “sections within sections” or “grid within grid” in the page – this would not be possible in the Layout Builder I think.
Just got the code from:
https://kriesi.at/support/topic/the-translated-page-with-wpml-does-not-respect-the-left-vertical-menu/page/2/I only added “.av-tab-section-container” here because the tabs were placed outside the #wrap_all container, too.
var grid = $('body').children('.avia-section, .av-layout-grid-container, .av-tab-section-container');
If it helps I could send you the source (the one from the builder) from a page if you like.
Best regards,
JanSeptember 16, 2017 at 6:47 am #852809 -
AuthorPosts
- You must be logged in to reply to this topic.