This was caused by same issue like here https://kriesi.at/support/topic/contact-form-does-not-allow-me-to-write-anything-inside/
Feel free to close this one

Thanks Mike, I have no clue how that got there. However it resolved all my issues I had (other topics) . Feel free to close this one

Thanks Nikko for detailed explanation. Feel free to close this thread :)

Thanks Nikko,
This worked perfect .. Please close this thread.

At the end I’ve installed “Recent Comments Plus” widget and that resolved this issue for me.
If possible, can you please create feature request for developers to “fix” these widgets and support also the block ones from wordpress? Those seems to have more features already compared to Enfold ones.

I see.. I’ve changed layout to stretched and it appeared. Does the same somehow work for boxed layout?

Thanks Guenni,
There is one “strange” thing still happening which I will ignore for now. When the page loads the slider is not full height and then goes to proper height. It’s visible but doesn’t break anything.

I’ve tried to find code you mentioned in Inspect and couldn’t. Not sure where and how to find it. All I could gather is already in my function. If you have some better instructions how to find this

<div id="full_slider_1" class="avia-fullwidth-slider  …

Let me know. All I can see is

<div data-rel="slideshow-1" class="avia-slide-wrap ">...</div>

Guenni Thanks but it seems all I can gather is this div stuff below. That one again does not contain mobile turn on/off values seem so.
At the end I put if clause to this function and it works nicely for desktop + mobile separatelly.
I think we are good to close this one if there is no other way how to distinguish between desktop/mobile

add_action('ava_after_main_title', 'add_top_image_for_blog');
function add_top_image_for_blog() {
	if( !wp_is_mobile() ){
?>
<div data-rel="slideshow-1" class="avia-slide-wrap "><img class="wp-image-2841 avia-img-lazy-loading-not-2841" src="https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1.jpg" width="1600" height="556" title="logo2" alt="" itemprop="thumbnailUrl" srcset="https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1.jpg 1600w, https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1-300x104.jpg 300w, https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1-1030x358.jpg 1030w, https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1-768x267.jpg 768w, https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1-1536x534.jpg 1536w, https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1-1500x521.jpg 1500w, https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1-705x245.jpg 705w" sizes="(max-width: 1600px) 100vw, 1600px" style="left: 0px;"></div>
<?php
}};

Thanks a lot Guenni007.
This seems to work properly with your function above and html code from Inspect (Dev Tools). Hope it won’t break anything else :)

add_action('ava_after_main_title', function() {
?>
<img class="wp-image-2841 avia-img-lazy-loading-not-2841" src="https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1.jpg" width="1600" height="556" title="logo2" alt="" itemprop="thumbnailUrl" srcset="https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1.jpg 1600w, https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1-300x104.jpg 300w, https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1-1030x358.jpg 1030w, https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1-768x267.jpg 768w, https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1-1536x534.jpg 1536w, https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1-1500x521.jpg 1500w, https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1-705x245.jpg 705w" sizes="(max-width: 1600px) 100vw, 1600px" style="left: 0px;">
<?php
}); 

One issue however comes from this is that when I configure the slider to be hidden on mobile phones the above code does not change and hence it always display on phone as well. Is there some hack for this as well?

Thanks Ismael.
I’ve tested the above code and nothing really changed for me. I’ve also tried to disable File Compression (both css, javascript) but no change.

1. This gives lot of empty space between these two widgets which is not proper
2. The default comments text is too big. See image:

Also if possible I would like to not turn off any performance options in favor of this or install additional plugins.

The default wordpres widget should support this nicely https://wordpress.com/support/widgets/recent-comments-widget/ Is there way how to overwrite the one Enfold has? I’m not sure why Enfold would choose to not use this default wordpres widget when it has much better options.

Thanks Guenni,
I’ve added space back and yes the option is now properly default for new posts.
After digging more into this I can see that hook to display the slider on each page is doing some harm and header is not glassy. If I remove this code and add slider directly to page the header will be glassy.
Code I’ve used:


Now when I exchanged ava_after_main_menu with ava_after_main_container it seems to behave properly. I think this was a root cause for all my trouble. I will confirm once again I do all validations

Thanks Mike for confirmation I’ve did this properly. I learned this at the end :) I’ve used following to put it only for blog pages and works nicely.

However issue is that the main menu is not transparent and needs to be manually set to be transparent+glassy for each blog page. How can I make this transparent option to be always transparent+glassy for my Enfold pages?
Currently I need to go to Post/Page and set it in options there manually. Is there some way how to make this transparent+glassy menu by default for every new page/post?

EDIT:
I’ve found this code on docs page https://kriesi.at/documentation/enfold/header/#toggle-id-3-closed + support forum https://kriesi.at/support/topic/set-transparent-header-as-default-header-style/ and seems to set my option to default to transparent and glassy for new pages.

add_action( 'after_setup_theme', 'ava_enfold_builder_layout_mod' );
function ava_enfold_builder_layout_mod(){
  add_filter('avf_builder_elements', 'avf_enfold_builder_layout_settings_mod');
}

function avf_enfold_builder_layout_settings_mod($elements)
{
  $counter = 0;
    foreach($elements as $element)
    {
    // Layout > Header visibility and transparency
    if($element['id'] == 'header_transparency')  {
			$elements[$counter]['std'] = 'header_transparent header_glassy';
        }
        $counter++;
    }
  return $elements;
}

Problem is however that once I create some page + save (it is glassy) and then edit it and save without changing anything the glassy effect is gone and the menu is transparent + border instead. I can’t set it back again to glassy with anything anymore. I can set everything else just not glassy anymore. It just ignores that setting. Now even with the above function I don’t see glassy header to be default anymore..

Can you please provide proper function which will make this option default in options and will preserve on page updates?
If you want to reproduce please login and do following:
1. Create new test page with glassy header
2. Check the page it won’t have glassy effect.

I’m not sure what happened here but something seems to be doing strange stuff to my glassy header now

Thanks

Just an update. I’ve went to mailchimp site and removed all the fields from my form (form builder) and left only “Email” there. Then re-validated the API and fields are gone. Feel free to close this one.

Thanks

Ismael,
I was able to get the shorcode of slider I would like to use by default on all pages. Based on reading about hooks it seems it is enough to adjust functions.php of my child theme. Are you able to provide me proper function for this to have it displayed same way like homepage on all blog posts? I couldn’t find anything about hooks in documentation.

Here is debug information