Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #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

    #1336123

    Hey 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,
    Ismael

    #1336226

    Hello 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 didnt 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, Vania

    #1336311

    Hi,

    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,
    Ismael

    #1336365

    Hi 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

    #1336434

    Hello 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

    #1336456

    Hi Vania,

    Thanks for the update, so everything is working as it should now then? Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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