Hi!

Alright. I was able to reproduce the issue this time. Looks like it’s happening when the portfolio grid loads. Try to add this on Quick CSS:

.js_active .grid-image {
opacity: 1 !important;
}

Cheers!
Ismael

Hey!

Did you set any parent page for these two pages? Do you have any seo plugin?

Cheers!
Ismael

Hi!

Alright. My bad. The problem is, we can’t reproduce the issue on our end so there’s no way we can debug the issue. We’ve checked a lot of website with masonry sections on iPad and they’re working fine. After you deactivate the plugins, did you remove the iPad’s browser cache? They tend to serve the cached version of the site so you need to remove it. I’ll ask the rest of the support team to check the page.

Regards,
Ismael

Hi!

Looks like you edited the single product page before t show the sidebar on the right so you need to replace the code with this:

#
# wrap single product image in an extra div
#
add_action( 'woocommerce_before_single_product_summary', 'avia_add_image_div', 2);
add_action( 'woocommerce_before_single_product_summary',  'avia_close_image_div', 20);
function avia_add_image_div()
{
	echo "<div class='single-product-main-image alpha'>";
}
 
function avia_close_image_div()
{
	global $avia_config;
	$avia_config['currently_viewing'] = "shop_single";
 
	echo "</div>";
}
 
 
#
# wrap single product summary in an extra div
#
add_action( 'woocommerce_before_single_product_summary', 'avia_add_summary_div', 25);

add_action( 'woocommerce_after_single_product_summary',  'avia_close_summary_div', 3);
function avia_add_summary_div()
{
	echo "<div class='single-product-summary'>";
}
 
 
 
function avia_close_summary_div()
{
	echo "</div>"; //close out the summary
	get_sidebar();
}

add_filter('avia_layout_filter', 'avia_change_post_layout', 10, 2);
function avia_change_post_layout($layout, $post_id){
	if(is_product()) {
    $layout['current']['main'] = "sidebar_left";
	}
 
    return $layout;
}

Replace the code on Quick CSS with this:

.single-product .product {
width: 68%;
margin-left: 4%;
clear: none;
float: right;
}

Cheers!
Ismael

Hi!

Looks like the css styling is stuck after every theme options toggle but we can’t reproduce the same issue on our installation. The general styling works immediately after every update. Please try to contact your hosting provider. Ask them if there is any server side cache. Also, please check if files inside the wp-content folder have the correct file permission.

Cheers!
Ismael

Hey!

You don’t need to create custom menu for each custom post type. Create a menu on Appearance > Menus then add the custom post type links there. Now, go to Appearance > Widgets, add the Custom Menu widget. Select the newly created menu with the custom post type links.

Best regards,
Ismael

Hi!

You can’t set the background repeat to “Stretch Fullscreen” if you’re using the preset image patterns. They are so small to be use as full width background. Try to upload custom images with large dimension.

Best regards,
Ismael

Hey!

The featured image looks fine when I checked the page: http://dpassociatesuk.com/360-play.co.uk/news-events/news-events-milton-keynes/

Best regards,
Ismael

Hey!

Please try to add this on functions.php to load the cyrillic subset of the open sans font:

function avf_add_subset() {
$sans = urldecode('<link rel="stylesheet" id="open-sans-css" href="http://fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext&subset=cyrillic,cyrillic-extver=4.1" type="text/css" media="all">');
echo $sans;
}

add_action('admin_head', 'avf_add_subset');

Anyway, the special characters render fine on the frontend.

Best regards,
Ismael

Hey!

It’s so easy to forget to close the html tags when working on the advance layout builder. This might cause the content not to update properly or be removed when you change something. Instead of adding span tags on the contact form titles, try to add a code block element on top of the contact form element then add the code Elliott provided above. This should change all form labels/titles to white.

<style type = "text/css">
.avia_ajax_form h3 span, .avia_ajax_form h3 {
  color: #ffffff !important;
}
</style>

If you have any elements with inline css, you should probably remove them then try to modify those elements using the code block styling or the Quick CSS field.

Best regards,
Ismael

Hi!

Where did you get a copy? I hope it’s not a free copy. Unfortunately, we won’t be able to help you unless you update the theme to the latest version. The code above should disable the theme translation and might fix the issues you’re having. You should add it at the very bottom of functions.php.

Cheers!
Ismael

Hey!

I noticed you’re not using any special animation on the slider and since you set the slider height to 800px, to emulate fullscreen sliders, I guess the screen resolution of your monitor 1920x1080px. The height setting may just be too much for smaller display resolutions. My suggestion is to use the Fullscreen Slider which responsively calculates the browser height, instead of the Advance Layer Slider.

Cheers!
Ismael

Hi!

Please replace the code with this:

.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
-webkit-animation: none; /* Safari 4+ */
-moz-animation: none; /* Fx 5+ */
animation: none; /* IE 10+ */
}

.av-masonry-entry {
opacity: 1 !important;
visibility: visible !important;
}

Remove browser cache then reload the page.

Regards,
Ismael

Hi!

Glad it worked. If you still have any questions, let us know on another thread. :)

Regards,
Ismael

Hi friendworx!

Thank you for using Enfold.

If you don’t mind, we would like to check the actual website. Please post the website url here. Make sure that you’re running Enfold 3.0.8 on WordPress 4.1.

Best regards,
Ismael