Hi!

You can use this media query to target resolutions between 768px to 989px. Example is for the social icons below.

@media only screen and (min-width: 768px) and (max-width: 989px) {
.iconbox_content_container h3 {
font-size: 15px;
}
} 

There is something wrong with the markup. Why do you need to separate these two?

<h3>LIKE TANYA</h3><h3>ON FACEBOOK</h3>

It should be

<h3>LIKE TANYA ON FACEBOOK</h3>

Best regards,
Ismael

Hey SRD!

IE8 does not support media queries that well. Please try to adjust the inner layer slider using this:

.ls-inner, .ls-layer {
width: 1000px !important \9;
width/*\**/: 1000px !important \9;
}

Regards,
Ismael

Hey serverlift!

You don’t need the plugin. You can use the Color Section to do the same exact thing. Upload the background image then set the Background Repeat to Stretch to Fit.

Regards,
Ismael

Hey!

I visited the site and click some pages, they seem to be loading ok.

Regards,
Ismael

Hi optizign13!

Please add this on your custom.css or Quick CSS:

#menu-main-menu .sub-menu li a:hover {
background: #5e3c73;
color: white !important;
}

Let’s wait for Kriesi and Devin’s response. They can check this on a MAC computer.

Cheers!
Ismael

Hey MLA18!

Can you please give us a link to your single product page? Please check the layout you’re using on General Settings > Responsive Layout. You need to adjust the width of the four units grid where the product image is located and the eight units grid where the product content is.

.single-product .container .four.units {
width: 270px;
}

.single-product .container .eight.units {
width: 590px;
}

Cheers!
Ismael

Hey!

Please use this:

#avia_google_maps-2.widget {
padding-bottom: 0 !important;
}

Cheers!
Ismael

Hey KingConga!

1.) I’m not sure if this is possible. You might need to manually replace the uploaded background image located on wp-content/uploads folder with the actual gif image. Please try this plugin: http://wordpress.org/plugins/wp-backgrounds-lite/

2.) Can you please give us a link to the portfolio page?

Best regards,
Ismael

Hey kaMai!

I’m not sure what you’re trying to do but the code is located on config-templatebuilder > avia-shortcodes > blog.php.

Cheers!
Ismael

Hey petersandin!

You can create facebook menu item on Appearance > Menus. Go to Links and add the URL and then label it Facebook, add the menu. Click Screen Options on the top right corner then enable CSS Classes. Edit the Facebook menu item then add the css class “facebook”. You can now style the facebook menu item using this selector.

#top .main_menu .menu li.facebook {
display: block;
width: 32px;
height: 32px;
background: red;
text-indent: 9999px;
}

Change the background property to background: url(‘FACEBOOK ICON URL HERE’);

Regards,
Ismael

Hey!

Edit index.php, find this code:

$title = __('Blog - Latest News', 'avia_framework'); //default blog title

Replace it with:

$title = __('Latest', 'avia_framework'); //default blog title

Regards,
Ismael

Hey SolingLover!

You can add this on your custom.css or Quick CSS to adjust the size of the header meta and phone number.

.social_header .phone-info span {
font-size: 20px;
height: 40px;
}

#top .social_bookmarks {
height: 40px;
}

Regards,
Ismael

Hey oliviad!

Are you talking about sort filter for portfolio items?

1. Please add this on your functions.php:

add_filter('avf_portfolio_sort_first_label','avia_change_portfolio_label', 10, 2);

	function avia_change_portfolio_label($all, $params)
	{
		$all =  "Name of your label";
		return $all;
	}

2.) Edit config-templatebuilder > avia-shortcodes > portfolio.php, find thi code:

$output .= "<span class='text-sep ".$category->category_nicename."_sort_sep'>/</span>";

3.) Edit the same file again and look for this code on line 410:

//get all categories that are actually listed on the page
			$categories = get_categories(array(
				'taxonomy'	=> $params['taxonomy'],
				'hide_empty'=> 0
			));

Replace it with:

//get all categories that are actually listed on the page
			$categories = get_categories(array(
				'taxonomy'	=> $params['taxonomy'],
				'hide_empty'=> 0,
				'orderby' => 'title',
				'order' => 'DESC'
			));

Regards,
Ismael

Hey!

Please add this on your custom.css or Quick CSS to remove the scrollbar:

.four.units.single-product-main-image.alpha {
overflow: hidden;
}

Cheers!
Ismael

Hi!

Glad it is fixed. :)

Cheers!
Ismael