Hi RickLodder!

When you say the menu item indicators your talking about the red line beneath them when hovering correct?

If so then try adding this to your custom CSS.

.menu-item a:hover .avia-menu-fx { display: block !important; }

If that’s not what your trying to do then send us a link and take a screenshot highlighting your intentions so we can get a better idea.

Best regards,
Elliott

Hey summerswim!

It’s displaying as 960px on my end. Keep in mind that there is 50px padding on each side for most sections.

Cheers!
Elliott

Hi!

Are you wanting the second line to not break so it continues onto the third column? That would look kind of weird I would think. Go ahead and send us a link to your page please.

Regards,
Elliott

• This reply was modified 10 years, 8 months ago by Elliott.

Hi!

When I comment out that line on my XAMPP setup it does not jump anymore but the menu stays to the top so it would require some CSS to give it a fixed position, etc etc.

I was thinking you would need to add the function(e) { e.preventDefault(); } to prevent the link behaviour from jumping to the top but just commenting out that line I posted seems to work on my end.

Did you clear your browser cache and any caching related plugins you might have installed?

Best regards,
Elliott

• This reply was modified 10 years, 8 months ago by Elliott.

Hey!

I checked your link but I’m still not sure which elements your trying to change. Can you take a screenshot and highlight the exact changes your trying to do?

If your trying to target the homepage iconbox elements separately then you can do so with this CSS.

.home .iconbox_content { background: red !important; }

Best regards,
Elliott

• This reply was modified 10 years, 8 months ago by Elliott.

Hey Evedd!

Go ahead and add the phrase as a text widget in the widget area you already setup and let us know when your done and we’ll give you some CSS to align it to the right side of your page.

Cheers!
Elliott

Hi!

It was not meant to be used in that area. What you can do is set the position to relative so it expands that section instead of displaying beneath the other sections.

.widget .ajax_search_responsive { position: relative !important; }

Best regards,
Elliott

Hey!

You could increase the 767px value to target the iPad screen width or just do this.

#wrap_all { position: relative !important; }

Cheers!
Elliott

• This reply was modified 10 years, 8 months ago by Elliott.

Hi!

It looks like you currently have Raleway selected and it seems to be loading fine. Is there a certain area that your wanting to change?

For additional fonts and weights it’s the same process.

add_filter( ‘avf_google_heading_font’, ‘avia_add_heading_font’);
function avia_add_heading_font($fonts)
{
$fonts[‘Source Sans Pro’] = ‘Source Sans Pro:400,600,800′;
$fonts[‘Raleway’] = ‘Raleway:400,600,800′;
return $fonts;
}

add_filter( ‘avf_google_content_font’, ‘avia_add_content_font’);
function avia_add_content_font($fonts)
{
$fonts[‘Source Sans Pro’] = ‘Source Sans Pro:400,600,800′;
$fonts[‘Raleway’] = ‘Raleway:400,600,800′;
return $fonts;
}

Best regards,
Elliott

Hi Clydeo!

It sounds like your talking about line 957 in the /enfold/config-woocommerce/config.php file.

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

function avia_woocommerce_output_related_products($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)
	{
		$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;

}

Best regards,
Elliott

Hi PG!

You could try commenting out line 444 in the /enfold/js/avia.js file.

win.scrollTop(0);

But you will probably need to add some CSS to the mobile menu so it gets a fixed position like how your currently doing. Also keep in mind that this will not let you scroll down in case the menu is long or the screen very small.

Cheers!
Elliott

Hey Manuel!

Your image sizes look fine to me. Your image of the water and storm is 263KB. I would try resizing that down to 1500 x ? at least. It will still look good and will reduce the filesize quite a bit.

Cheers!
Elliott

• This reply was modified 10 years, 8 months ago by Elliott.

Hey scotthco!

How big is the image that your uploading? If for example it’s only 400 x 400 then only the “Thumbnail” and “Medium” sizes will be selectable. If you upload a larger image then you should be able to use the other sizes as well.

Cheers!
Elliott

Hi RobPhrase!

Try adding this to your custom CSS.

.grid-entry-title a { font-size: 20px !important; }
.portfolio-preview-title a { font-size: 20px !important; }

Best regards,
Elliott

Hey!

Your trying to get it to a fixed position on larger screens only? In this case in your media query you’ll want to use min-width instead of max-width like so.

@media only screen and (min-width: 480px) {

That will target screen widths bigger than 480px.

Regards,
Elliott