Hey Oliver,
Sorry for the late reply, please export your layerslider slide and link to it via DropBox. I would like to test it on my localhost to see if I get the same results.

Best regards,
Mike

Hey David,
Sorry for the late reply, hopefully, you mean that your test server is connected to the internet and can reach the demo server, if it can’t reach the demo server try adjusting your firewall to allow the connection.
You can’t just drop the demo files in place they need to be imported so they are in the database. The import files are at: \wp-content\themes\enfold\includes\admin\demo_files\band.xml If you download the images and place them in the correct folder you can then replace all of our urls with yours in the band.xml file and use it to import the files from your server instead of ours.
I can assure you that the demo server works fine, I typically import several demos a day to my localhost without issues.

Best regards,
Mike

Hey Cocoa,
To add a right sidebar to a woocommerce product page, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.single-product-main-image {
    width: 25%;
}

.single-product-summary {
    overflow: hidden;
    width: 45%;
    float: left;
    margin-right: 5%;
}

.single-product .sidebar {
    width: 25%;
}

Then add this code to the end of your functions.php file in Appearance > Editor:

add_action('init','ava534345953_init', 50);
function ava534345953_init() {
	add_action( 'woocommerce_after_single_product_summary', 'avia_add_sidebar', 25);
}

function avia_close_image_div() {
	global $avia_config;
	echo "</div>
";
}

function avia_add_sidebar() {
	if(is_product()) {
	$avia_config['currently_viewing'] = "shop_single";
	get_sidebar();
	}
}

To add additional Avia Builder elements to a product page you will need to build the product page with the builder.

Best regards,
Mike

Hi,
Sorry for the late reply, thanks for the link, please try disabling any cache, minifying, or lazyload plugins including Autoptimize, and disable Enfold Theme Options > Performance > JS & CSS file merging and compression then clear your browser cache and check.
If this doesn’t help, please include an admin login in the private content area so we can be of more assistance.

Best regards,
Mike

Hey ninasmith,
Sorry for the late reply, I don’t see a login to your site, I only see a password, please check.

Best regards,
Mike

Hi,
Sorry for the late reply, I was not able to login to your staging site, please check.

Best regards,
Mike

Hi,
Oh I see, sorry I misunderstood the issue, so please remove the code I posted earlier.
On my localhost I was able to publish a post using your title twice and the post showed fine, I see that you are using v4.7.2 so to rule out a bug in that version please try updating to v4.7.5
You will need to create an Envato Token to update, the API you are using will no longer work. Or you can update via FTP, but don’t try to overwrite the theme folder as it will leave old files behind and cause errors.

Best regards,
Mike

Hi,
The hotspot park image is a custom image map added via html code with custom hotspot javascript, this was created outside of Enfold. So yes, you could add this to your site, but you will have to find some software to do it or write the html yourself.
To have a button bounce please try this css, just replace the class .rev-btn with the custom class of the button you use, as an example the class .rev-btn is the “See More” button on your slider now.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@keyframes fade {
    from { top:40px; }
    50% { top:50px; }
    to { top:40px; }
}

@-webkit-keyframes fade {
    from { top:40px; }
    50% { top:50px; }
    to { top:40px; }
}

.rev-btn {
    animation:fade 1000ms infinite;
    -webkit-animation:fade 1000ms infinite;
}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hi,
For that page on the backend, I can see you have content, but I’m not seeing anything on the front end, is this intentional or a new issue?

Best regards,
Mike

Hi,
Thanks for your explanation, I wrote this script to check the URL hash and then remove the menu highlighting class from one of the menu items. So for the is work please add hashes to your two menu items, for the sub-menu item “la-manga-club” under “VIP Teaching Weeks” change the hash to #vip , for the sub-menu item “la-manga-club” under “TOS Teaching Weeks” change the hash to #tos .
There are no anchors for #vip or #tos so the page will load at the top, but this will tell us which menu item the visitor clicked to get to the page.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_landing_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
if (window.location.hash == '#vip'){
	setTimeout(function(){
	$("#top.page-id-497 #menu-item-6449").removeClass("current-menu-item");
	},300);
} else if (window.location.hash == '#tos'){
	setTimeout(function(){
	$("#top.page-id-497 #menu-item-1077").removeClass("current-menu-item");
	},300);
} else {}
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_landing_script');

Then clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Sorry for the late reply, Try adding this code to the end of your functions.php file in Appearance > Editor:

function max_title_length( $title ) {
$max = 2000;
if( strlen( $title ) > $max ) {
return substr( $title, 0, $max ). " …";
} else {
return $title;
}
}
add_filter( 'the_title', 'max_title_length');

I see that you tried some code, but perhaps it wasn’t the same as this.

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the login, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#av-custom-submenu-1 li:hover,#av-custom-submenu-1 li:hover > a {
	background-color: #008000;
	color: #fff !important;
}
#av-custom-submenu-1 li.clicked,#av-custom-submenu-1 li.clicked > a {
	background-color: #008000;
	color: #fff !important;
}

Then add this code to the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
(function($){
$(document).ready(function() {
    $("#av-custom-submenu-1 li").click(function() {
        $("#av-custom-submenu-1 li").not(this).removeClass('clicked');
        $(this).addClass('clicked');
    });
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

Then clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Thanks for the link, to make the featured image not clickable on a single post you could try this css in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.single .big-preview.single-big {
	 pointer-events: none !important;
}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike