Tagged: Textblock
-
AuthorPosts
-
January 18, 2022 at 11:56 pm #1336095
Hi!
I am trying to use an akkordeon element in my page and the title only shows up when I click 2 times on it.
Also on some pages the content text just disappears, or cames up with strange artefacts (like text overlapping) in the middle of the text block.
This seems to happen on desktop machines in safari and on mobile devices in all browsers.Any idea what might be the problem?
Best, Vania
January 19, 2022 at 7:32 am #1336123Hey Vanini,
Thank you for the inquiry.
We are able to reproduce the issue on a simulator but we are not yet sure what is causing it. What we noticed is that the toggler has an extra custom class name “hasCustomColor“, which is not added by the theme. Did you install a css or styling plugin?
This is the html of one of the togglers.
<p data-fake-id="#toggle-id-2" class="toggler av-inherit-font-color hasCustomColor av-inherit-border-color" itemprop="headline" role="tab" tabindex="0" aria-controls="toggle-id-2" style="">AUSSTELLUNGEN<span class="toggle_icon"><span class="vert_icon"></span><span class="hor_icon"></span></span></p>
The class name hasCustomColor is not from the theme.
Best regards,
IsmaelJanuary 19, 2022 at 4:14 pm #1336226Hello Ismael,
thank you for your answer, I didnt write additional css so far, and there are no css styling plugins installed. After I noticed the errors, I deactivated all plugins, incl. Woocomerce and it didn
t help. Now there is just Woocomerce activated.We found the class hasCustomColor which you mentioned, it has been written in
wordpress/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/toggles/toggles.php | grep -i hascustomcolor
$element_styling->add_classes( ‘item_inherit’, array( ‘av-inherit-font-color’, ‘hasCustomColor’ ) );so we deleted it, but it didn`t help either.
I also noticed, that on iOS v. 14… the navigation didn`t show up as well.
Please advice,
thank you, VaniaJanuary 20, 2022 at 9:00 am #1336311Hi,
Sorry for the confusion. Looks like the theme adds the custom css class name when you define a custom color in the Styling > Colors panel. Unfortunately, we are still not sure why the issue is happening on mobile view. Please try to disable the Performance > File Compression settings temporarily, then add this code in the functions.php file to disable the post css option.
/** * Filter to skip css file generation. * You can add logic to skip for certain pages/posts only. * * @since 4.8.6.1 * @param boolean $create * @return boolean true | false or anything else to skip generation of css file */ function custom_avf_post_css_create_file( $create ) { return false; } add_filter( 'avf_post_css_create_file', 'custom_avf_post_css_create_file', 10, 1 );
Make sure to purge the cache afterwards. Let us know if that helps.
Best regards,
IsmaelJanuary 20, 2022 at 2:29 pm #1336365Hi Ismael, I did what you advised, unfortunately, it makes no difference.
Maybe there are some other ideas that popped up in the meantime?Greetz, Vania
January 20, 2022 at 9:02 pm #1336434Hello again, I found the reason, it was the customized font that I uploaded (DIN), after I deleted it from the custom font manager everything works again.
Thanks for support,greetz, Vania
January 21, 2022 at 5:15 am #1336456 -
AuthorPosts
- You must be logged in to reply to this topic.