Hey!

You can add this in the Quick CSS field:

@media only screen and (max-width: 770px) {
.avia-testimonial-image {
  margin: 0;
  width: 100%;
  float: none;
  text-align: center;
  margin-bottom: 15px;
  height: auto;
  max-width: 80%;
}

.avia-testimonial-meta {
  margin-left: 0;
}
}

Regards,
Ismael

Hey!

There are no errors generated so it’s a bit difficult to debug the issue. What happens when you use the default google maps element in the advance layout builder?

Cheers!
Ismael

Hi Switzer!

Thank you for using Enfold.

You can try this in the functions.php file:

add_filter( 'ava_main_header', 'avia_append_search_nav_mod', 10);

function avia_append_search_nav_mod()
{
    ob_start();
    get_search_form();
    $form =  htmlspecialchars(ob_get_clean()) ;
	
    $items = '<div id="menu-item-search-mod" class="menu-item-search-mod menu-item menu-item-search-dropdown">
        <a href="?s=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span></a>
           </div>';

    echo $items;
}

Add this in the Quick CSS field:

#menu-item-search-mod {
  display: block;
  position: absolute;
  right: 30%;
  top: 30%;
  z-index: 1000;
}

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
	#menu-item-search-mod { display: none; }
}

Regards,
Ismael

Hi!

This is the media query line:

@media only screen and (max-device-width: 1024px) {

}

Please replace the code with this:

@media only screen and (max-width: 1024px) {
.main_color .av-inner-masonry-content {
  font-size: 12px;
  padding: 6px;
}

figcaption.av-inner-masonry-content.site-background {
display: none;
}
}

Cheers!
Ismael

Hi!

1.) Add this in the Quick CSS field:

.custom-form {
  background-color: #fff;
}

2.) Use this to increase the width:

#top #searchform>div {
  position: relative;
  max-width: 800px;
  width: 500px;
}

Regards,
Ismael

Hi!

You can turn no the custom css class field then add a custom class attribute to the blog post element. Remove the bottom margin.

.avia-content-slider {
  margin: 0;
}

You can replace the selector above with the custom css class attribute that you defined.

http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Cheers!
Ismael

Hey!

Thank you for using Enfold.

They will both display by default. If you want to only display the upsells section if it’s available, use this in the functions.php file:

#
# display upsells and related products within dedicated div with different column and number of products
#
remove_action( 'woocommerce_after_single_product_summary', 'avia_woocommerce_output_related_products', 10);
add_action( 'woocommerce_after_single_product_summary', 'avia_woocommerce_output_related_products_mod', 20);

function avia_woocommerce_output_related_products_mod($items = false, $columns = false)
{
	global $avia_config;
	$output = "";
	
	if(!$items) 	$items 	 = $avia_config['shop_single_column_items'];
	if(!$columns) 	$columns = $avia_config['shop_single_column'];

	ob_start();
	woocommerce_related_products(array('posts_per_page'=>$items, 'columns'=>$columns)); // X products, X columns
	$content = ob_get_clean();
	if($content && $avia_config['upsells'] == '')
	{
		$output .= "<div class='product_column product_column_".$columns."'>";
		//$output .= "<h3>".(__('Related Products', 'avia_framework'))."</h3>";
		$output .= $content;
		$output .= "</div>";
	}

	$avia_config['woo_related'] = $output;
	return $output;

}

remove_action( 'woocommerce_after_single_product_summary', 'avia_woocommerce_output_upsells', 10); 
add_action( 'woocommerce_after_single_product_summary', 'avia_woocommerce_output_upsells_mod', 21);

function avia_woocommerce_output_upsells_mod($items = false, $columns = false)
{
	global $avia_config;

	$output = "";
	
	if(!$items) 	$items 	 = $avia_config['shop_single_column_items'];
	if(!$columns) 	$columns = $avia_config['shop_single_column'];
	
	ob_start();
	woocommerce_upsell_display($items,$columns); // 4 products, 4 columns
	$content = ob_get_clean();
	if($content && $avia_config['woo_related'] == '')
	{
		$output .= "<div class='product_column product_column_".$columns."'>";
		//$output .= "<h3>".(__('You may also like', 'avia_framework'))."</h3>";
		$output .= $content;
		$output .= "</div>";
	}

	$avia_config['woo_upsells'] = $output;
	return $output;

}

Best regards,
Ismael

Hey!

You can use this in the Quick CSS field:

.comment-count {
  display: none;
}

Cheers!
Ismael

Hi sublime5o!

Thank you for using Enfold.

You can follow the instructions here: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

Regards,
Ismael

Hey george!

Thank you for using Enfold.

You can convert the flags to text symbols using css. Please refer to this link: https://kriesi.at/support/topic/wpml-text-lang-switcher/#post-451922

Best regards,
Ismael

Hi!

You can find the code in includes > loop-index.php file. Unfortunately, the get_the_term_list function doesn’t have any arguments or options to exclude child categories. You need to rewrite the code. Please hire a freelance developer or contact codeable: http://kriesi.at/contact/customization

Best regards,
Ismael

Hi noamman!

Thank you for using Enfold.

Add this in the Quick CSS field:

.avia_transform .av_slideshow_full .active-slide .avia-caption-title, .avia_transform .av_fullscreen .active-slide .avia-caption-title, .avia_transform .av_slideshow_full .avia-caption-content, .avia_transform .av_slideshow_full .avia-caption-title, .avia_transform .av_fullscreen .avia-caption-content, .avia_transform .av_fullscreen .avia-caption-title, .avia_transform .avia-slideshow-button {
  animation: none !important;
  -webkit-animation: none !important;
  visibility: visible !important;
}

Good job on the site. :)

Regards,
Ismael

Hi!

Enfold is retina ready in a way that you can set custom thumbnails in a specific element. For example, if you use the portfolio grid element, you can select a custom thumbnail. To make the portfolio grid images retina ready, just select thumbnails that is twice the size of the actual container. You can do this method in most of the elements with images.

And to answer the question above, no, the theme cannot serve different image on retina devices.

Regards,
Ismael

Hi!

Thank you for the info.

I deactivated the plugins but it’s still not working. Did you modify any theme files? If you check the console, there is a javascript error coming from the WP core files. Please override the WP files with a fresh copy then test it again.

Best regards,
Ismael

Hey!

What do you mean by “demo pages do not work on the actual site.”? I checked random demo pages and they are working:

http://purplepeepal.com/home-v10-magazine/
http://purplepeepal.com/homepage/home-v2-3-col-images-contact/
http://purplepeepal.com/home-v6-classic-4-column/

Cheers!
Ismael