i see you did it : but

if you like to see allways your social buttons on top we had to do this too: (and do it for the same breakpoint as the toggler)

@media only screen and (max-width: 920px) {
#top .social_bookmarks {
    right: 50px !important;
}
}

and now the hover style of your toggler (mobile menu) goes to not visible (#fff same as background)
maybe this will be nice:

.avia_desktop #advanced_menu_toggle:hover, .avia_desktop #advanced_menu_hide:hover {
    background-color: #fff;
    border-color: #0a0;
    color: #000;
}

it is just because lisa got a link – the others not (as you say above)

meanwhile the display : inline-flex has got a good browser compatibility – so try:

.page-id-893 a.slide-image {
    display: inline !important;
}

this was the code only for this specific page

by the way – set the background to cover the whole width – otherwise you got on big screens on the right a grey area

why – it looks good ;)

i thought you did it yourself – i can see this in your code:

#header_main_alternate {
    background: #8dc63e none repeat scroll 0 0 !important;
}

change it to:

#header_main_alternate {
    background: #fff none repeat scroll 0 0 !important;
}

or goto Enfold options / general styling / tab was logo area and set the default background color to white (#ffffff)

you can take for alt – description in the code above.
But i don’t know why this does not work for standalone images (not in a gallery)
is there a code similar to that above?

try to give it a value on that “Responsive under” most users do input here there max-width of standard enfold setting 1310px
the field under that do the same dimension there and have a look what happens

ok there is a two in your source code (on original Demo Site there is no 2) see here:

i think it must be a manual input. theres no container at all for that. The 2 is no input by pseudo-classes (before or after)
look at your source code may-be do a search for “fb-root”

• This reply was modified 7 years, 8 months ago by Guenni007.

• Yes – you are the only person with urgent problems.
• Did you post this in eunoia concerned thread? – this here is the enfold team
• A hint from Participant to Participant: Link
• Enfold is one of the highest rated Theme – in particular for the forum too.

My two cents to it – if a wordpress/theme installation is compareable to an open-heart surgery there is something wrong with webdevelopment workflow.

this effect is called Ken Burns and is included in Layerslider (Advanced Layerslider) (New Version Enfold 4 with LS 6)
it seems you have old Enfold Version less 3.85 – i don’t know if the embeded Layerslider has Ken Burns

under each slide on top there is a button “show more options”
There you can find Ken Burns – zoom-in or zoom-out

see here a demo site of KreaturMedia (Layerslider) : Link

• This reply was modified 7 years, 8 months ago by Guenni007.

es wird dann schon von der Schrift überdeckt, insofern du es wie im Original belassen hast ( parallax effekt)

die andere Lösung ist aber auch nicht kompliziert. Du musst eigentlich nur erstmal den Pfad zu deinem freigestellten Bild ermittlen den oben in den code ersetzen und das ganze dann ins quick css.

Wenn es nicht deine Startseite ist die betroffen ist, dann musst du halt noch die Page ID statt .home nehmen

Der Rest ist dann nur noch Größen Angleichung und Positionierung

i think it will be the best if you change the testimonial.php

copy a testimonial.php to your child-theme / shortcodes folder
if this does not exist – create one.
the file to copy is in enfold/config-templatebuilder/avia-shortcodes/

and add this to your child-theme functions.php :

add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths)
{
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');

  return $paths;
}

now the copy will be used instead of the parent-theme shortcode.

see line : 420/421:

if($link)	$output .= "<span class='hidden avia-testimonial-markup-link'  {$markup_url}>{$link}</span>";
if($link)	$output .= " &ndash; <a class='aviablank avia-testimonial-link' href='{$link}' >{$linktext}</a>";

here is your “-” that – delete it to have:

if($link)	$output .= "<span class='hidden avia-testimonial-markup-link'  {$markup_url}>{$link}</span>";
if($link)	$output .= " <a class='aviablank avia-testimonial-link' href='{$link}' >{$linktext}</a>";

if you like to insert later an icon you can place it then via pseudoclass :before f.e:

.avia-testimonial-link::before {
    content: "\e822 \00a0";
    font-family: entypo-fontello;
}

Result here: Link

was ist das ? Enrique?
Die Demos haben doch andere Namen oder?

Ich würde ja gerne helfen – schau mal bitte wie das richtig hieß – die Demo

Edit : aha ich sehe , es ist die One Page Portfolio Demo.

Und du hast auch diese Option mit Header erst sichtbar nach dem scrollen gewählt?

Wenn ich das so lese, dann meinst du garnicht das platzieren im Header Bereich, sondern in dem ersten großen (Vollbildslider) – oberhalb von:

Welcome!
I am Enrique Fold

Am einfachsten wäre sicherlich das Bild zu manipulieren. Downloade es und setze dein Bild (Logo) in das Bild hinein.
Denn in einem Slider – wie du gesehen hast gibt es so zunächst keine Möglichkeit ein zusätzliches Bild zu platzieren.

• This reply was modified 7 years, 8 months ago by Guenni007.

the difference was !

#header.widget to #header .widget
the spacebar is missing
with no space the class has to be directly on the header container
without space there is a class following the header container.

you did it right on the media querry – maybe only a careless mistake

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