Yigit explained in detail what the permission problem might be on Feb 14. and Feb 16., so imo stop bashing the support guys here!

That file should be accessible. It is the dynamic stylesheet of the theme that is being generated when you adjust the options in Enfold theme options. Since it is not accessible, styles are not being applied. That is the cause of the issue.

Reread here: https://kriesi.at/support/topic/enfold-support-login-not-working/

Honestly you should step back a bit and maybe hire somebody who is capable of maintaining a wordpress installation. And/or talk to your hoster why this file gives a 403 and that they should set the permissions so it is accessable (I guess wrong group).

cheers.

see here the thread of mine with Josue Solution (same as above – only with a better name for that fild (js))

https://kriesi.at/support/topic/shrinking-header-on-ipad-does-not-work/#post-575345

what is the problem – you miss the shrinking behavior on tabletts !
so your options are all good but there has to be a fix for it. I only knew one for ipad – if it works with other tabletts i don’t know.

Put this to your functions.php of the child-theme:

function include_custom_js_file() {
   wp_enqueue_script( 'avia-main-child', get_stylesheet_directory_uri().'/js/shrink_fix.js', array('jquery', 'avia-default'), 2, true );
}
add_action( 'wp_enqueue_scripts', 'include_custom_js_file', 100 );

copy the code and call it : shrink_fix.js

(function($){
    
    $(document).ready(function()
    {	
    	// avia_header_size function initialization
        avia_header_size();		
		
    });

    // required auxiliary function for avia_header_size
    function av_change_class($element, change_method, class_name)
    {	
    	if($element[0].classList)
    	{
    		if(change_method == "add") 
    		{
    			$element[0].classList.add(class_name);
    		}
    		else
    		{
    			$element[0].classList.remove(class_name);
    		}
    	}
    	else
    	{
    		if(change_method == "add") 
    		{
    			$element.addClass(class_name);
    		}
    		else
    		{
    			$element.removeClass(class_name);
    		}
    	}
    }
    

        // custom avia_header_size
	function avia_header_size()
	    {
	        var win				= $(window),
	            header          = $('.html_header_top.html_header_sticky #header'),
	            unsticktop		= $('.av_header_unstick_top');
	            
	        if(!header.length && !unsticktop.length) return;
	        
	        var logo            = $('#header_main .container .logo img, #header_main .container .logo a'),
	            elements        = $('#header_main .container:not(#header_main_alternate>.container), #header_main .main_menu ul:first-child > li > a:not(.avia_mega_div a, #header_main_alternate a), #header_main #menu-item-shop .cart_dropdown_link'),
	            el_height       = $(elements).filter(':first').height(),
	            isMobile        = $.avia_utilities.isMobile,
	            scroll_top		= $('#scroll-top-link'),
	            transparent 	= header.is('.av_header_transparency'),
	            shrinking		= header.is('.av_header_shrinking'),
	            topbar_height	= header.find('#header_meta').outerHeight(),
	            set_height      = function()
	            {	
	                var st = win.scrollTop(), newH = 0, st_real = st;
					
					if(unsticktop) st -= topbar_height; 
					if(st < 0) st = 0;
					
					if(shrinking) // in the original one, there's a !isMobile here
	                {
		                if(st < el_height/2)
		                {
		                    newH = el_height - st;
		                    if(st <= 0){
								newH = el_height;
						    }
		                    
		                    av_change_class(header, 'remove', 'header-scrolled');
		                    //header.removeClass('header-scrolled');
		                }
		                else
		                {
		                    newH = el_height/2;
		                    //header.addClass('header-scrolled');
		                    av_change_class(header, 'add', 'header-scrolled');
		                }
		                
		                if(st - 30 < el_height)
		                {
		                    av_change_class(header, 'remove', 'header-scrolled-full');
		                }
		                else
		                {
		                    av_change_class(header, 'add', 'header-scrolled-full');
		                }
		                
		                
		                elements.css({'height': newH + 'px', 'lineHeight': newH + 'px'});
	                	logo.css({'maxHeight': newH + 'px'});
	                }
	                
	                if(unsticktop.length)
	            	{
	                	if( st <= 0)
	                	{
		                	if(st_real <= 0) st_real = 0;
	                		unsticktop.css({"margin-top":"-"+st_real+"px"});
						}
						else
						{
	                		unsticktop.css({"margin-top":"-"+topbar_height+"px"});
						}
	            	}
	                
	                if(transparent)
	                {	
	                	if(st > 50)
	                	{	
	                		//header.removeClass('av_header_transparency');
	                		av_change_class(header, 'remove', 'av_header_transparency');
	                	}
	                	else
	                	{
	                		//header.addClass('av_header_transparency');
	                		av_change_class(header, 'add', 'av_header_transparency');
	                	}
	                }

	               
	            }

	            if($('body').is('.avia_deactivate_menu_resize')) shrinking = false;
	            
	            if(!transparent && !shrinking && !unsticktop.length) return;
	            
				win.on( 'debouncedresize',  function(){ el_height = $(elements).attr('style',"").filter(':first').height(); set_height(); } );
	            win.on( 'scroll',  function(){ window.requestAnimationFrame( set_height )} );
	            set_height();
	    }

   
})(jQuery);

create in your Child-Theme folder a folder called js and upload that shrink_fix.js to it

after that the shrinking header works as on all desktop-pc

i found something here on avia.js on line 735

if(outerH > 100)
{
	
	if(!overlay.length)
	{
		overlay = $("<span class='image-overlay "+span_class+"'><span class='image-overlay-inside'></span></span>").appendTo(link);
		
	}
	//can be wrapped into if !overlay.length statement if chrome fixes fade in problem
	if(link.height() == 0) { link.addClass(_self.className); _self.className = ""; }
	if(!linkCss || linkCss == 'inline') { link.css({display:'block'}); }
	//end wrap
	
	overlay.css({left:(pos.left - overlay_offset) + parseInt(current.css("margin-left"),10), top:pos.top + parseInt(current.css("margin-top"),10)})
		   .css({overflow:'hidden',display:'block','height':outerH,'width':(outerW + (2*overlay_offset))});
		   
	if(cssTrans === false ) overlay.stop().animate({opacity:opa}, 400);
}
else
{
	overlay.css({display:"none"});
}

but this does not help you i know

seems to be a matter of image size ( all-inkl is only 116px of height – all others have more) –
i don’t know where the display: none comes from. maybe there is a height limit for that in code.
you can force to show it by:

.image-overlay.overlay-type-extern {
    display: block !important;
    top: 0;
}

but as i see you want to get rid off all overlay effects.
Why is a css solution not wanted by you? give a custom class to those images …

hi, I am kind of struggling with a similar problem. For example in top position the top header is slightly transparent, perfect. However as soon as I scroll down the top header becomes white, well at least so much that you barely see the back ground. Also menu color being white are not visible any more.

What can I do to keep the same transparency while scrolling as in the top position?

thanks, Jan

I got the same problem.
The google maps widget was earlier shown in full width, after following custom CSS instructions on this post:
https://kriesi.at/support/topic/google-maps-full-width/

Now since some time for some reason, the widget will not show in full widt anymore. I checked the custom CSS & widget details & details of the color section several times. It is exactly like instructed, except it doesn’t show fullwidt on front-end.

Did perphaps something changed in theme updates? I would very much appreciate it if you could help me out in this matter.
Thanks in advance!