Question 3 is solved (https://kriesi.at/support/topic/how-do-you-put-a-caption-below-an-image/)

Yo!

Thanks so much man, you saved the day for me haha. You were right! It was this custom CSS that made it jump:

@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency {
background-color: transparent;
position: absolute!important;
}}

Thanks again!
Chris

Ahoy Thanks for this. I tried to change the non hover icon but when I do it also changes the active icon. How do I change just the non hover instance? Basically I want the icon for non hover more transparent.

This is what I entered:

#top .av-tab-section-image {
    filter: opacity(1);
}

Hey Nikko,

sorry for my late answer, i was on a business trip.
Your css code doesn’t work. I did it with:

#top .sub_menu li li a {
font-size: 16px;
}
But, this is just about the size, to change the color, I didn’t find any solution.
I don’t worry, the color “White” for the Sub menu is also ok.

Thanks, Gerd.

Hey Andy,

sorry, war im Ausland, daher erst jetzt meine Antwort.
Durch das “große” Update des Layer-Sliders sind Funktionen hinzugekommen (beispielsweise mouseover = stoppt den Slide in seiner Bewegung als Standard-Einstellung), welche man nun separat ausschalten muss (oder möchte). Ebenso ist (zunächst) die Funktion weggefallen, einem kompletten Slide einen vollflächigen Link zu geben. Ich konnte das Problem nun lösen.

Grüße, Gerd.

Hi Andy,

I added !imortant to all elements because nothing was changing. Once reuploaded, I saw the margin top change but the content still displays across the image…

Thanks
Lyse

Hi Any,

What I want is for the text not overlap the person in the images like on the desktop and ipad. So I’m not sure it’s the top of the element that needs repositioning. The text should be restricted in width and wrap to the next line.

Thanks
Lyse

Hi Victoria!! :)

I just need a tiny additional tweak… as I make my mobile menus sticky, when I add this code:

/* Sticky header on Mobile */
@media only screen and (max-width: 767px) {
#header {
position:fixed !important;
top: 0;
}}
@media only screen and (max-width: 767px) {
.responsive #top #main {
padding-top:168px !important;
}}

The container for the search button does not stick and the Search Box looks strange hanging from the menu when you scroll down… I know it’s just one additional CSS (and tinkered with a few – made the whole mobile screen fixed lol so basically cannot figure out which element I need to fix)

Thank you in advance for your kind help!!

Warmly,

Havi

I’m pretty sure the javascript error isn’t why the top video is not playing. the javascript error you’re seeing is coming from the youtube hosted video. I replaced that video with the same video file uploaded to vimeo on the test page.

The self hosted video plays fine in an enfold video player element (second example on the test page) but not in the fullscreen or background video element (located at the top of the test page).

Any other idea as to why the self hosted video as a background video is not playing?

Hallo Andy,

danke für die Rückmeldung, aber ich habe mal in diversen Threads hier jetzt mitgelesen, das Problem/Frage haben offenbar mehrere und ich dachte, es soll mit dem nächsten Update einen Fix (Filter) dafür geben oder hab ich da was falsch verstanden, siehe hier @Ismael:

Hi Jordan,

The testing page display on my iphone did not work.

On my desktop I want the icons to display inline – so when I use 5 cols the icons display closer together. Width the width change you suggested to suit the iphone, the icon are too far apart in 3 cols.

On the iphone I want the icons to display inline and right now even with your CSS code where you reduce the width to 33.3% they still display one on top each other on my iphone.

Sorry if I sound frustrated, but it’s not at you….
Lyse

Hi, any luck on this?

Below is is at least my temporary dirty fix. Hopefully you guys have an another more sustainable solution, now that you know this framework a bit better than i. :)

/* 
* OVERRIDE A FUNCTION IN enfold/woocommerce/config.php
* This fixes an error in the search results when searched from the woocommerce search widget
* Support ticket: https://kriesi.at/support/topic/avia-custom-woo-page-incompatible-with-woocommerce-search-widget/
*/
add_filter( 'pre_get_posts', 'avia_woocommerce_default_page', 100 );		
function avia_woocommerce_default_page($query)
{
    if(current_theme_supports('avia_custom_shop_page'))
    {
	    if(!$query->is_admin && $query->is_main_query() && !$query->is_tax && $query->is_archive && $query->is_post_type_archive)
	    {
	    	$vars = $query->query_vars;
	    
	    	if(isset($vars['post_type']) && 'product' == $vars['post_type'] )
	    	{
	    		$shop_page_id 	= wc_get_page_id( 'shop' );
	    		$builder_active = AviaHelper::builder_status($shop_page_id);
	    		
	    		if($builder_active == "active" && !$query->is_search)
	    		{
	    			$query->set( 'post_type', 'page' );
	    			$query->set( 'p', $shop_page_id  );
	    			$query->set( 'meta_query', array() );
	    			
	    			$query->is_singular = true;
	    			$query->is_page 	= true;
	    			$query->is_archive  = false;
	    			
	    			$query->is_post_type_archive  = false;
	    			$query->query = array('p'=>$shop_page_id, 'post_type' => 'page');
	    		
	    		}elseif ($query->is_search){
	    		    	$query->is_singular = false;
		    			$query->is_page 	= false;
		    			$query->is_archive  = false;
		    			$query->is_shop = false;
		    			
		    			$query->is_post_type_archive  = false;
	    		    
	    		    add_filter( 'template_include', function() {
                      return locate_template( 'search.php' );
                    }, 100 );
	    		    
	    		}
	    	}
	    }
	}  
	
return $query;
	
} 

I think I found out the problem (I don´t know if it is a problem, or if it should be like this):
When the browser window is full size, it works perfect.

When the browser window is at reduced size, the content falls out of the place it should be:

https://ibb.co/b3uf0k
https://ibb.co/bYzDLk
https://ibb.co/mDE2D5

Does that make sense?

I will make a login when I am back at my computer! :-)

What about the top picture: https://ibb.co/mfWXD5

Is there a way to reduce the size? It is kind of blown up, so the edges is cut.

Best regards

Stian