Hi,
Very good. By the way, if you have trouble updating and try to update via FTP, please don’t overwrite the theme folder with the new version, please follow these steps:

The easiest and safest way to update is to download the newest version from Theme Forest and rename your current theme folder to “enfold-old” via ftp then upload the new “enfold” folder and check that your site is working correctly.
Should for some reason you wish to roll-back to the old version, it’s easy to do, simply rename the new “enfold” folder to “enfold-new” via ftp and then rename “enfold-old” to “enfold” then refresh your page.
Once you are happy you can delete the “enfold-old” folder via ftp, (not the WP theme page)
Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.

Best regards,
Mike

Hi,
We could assist but we will need FTP access, or cPanel access, or whatever file manager access your web host gives you.
Please post this login in the Private Content area and also download your copy of Enfold v4.7.1 from your Theme Forest account and upload to DropBox or Google Drive and link to it in the Private Content area.

Best regards,
Mike

Hi,
Your train image is too long for it to show well on mobile because when it is forced to fit it is then too narrow, try testing this css to see what I mean:

#top.page-id-8197 #av_section_1{
        background-size: contain !important;
}

For tablet this css would work for you if we move the title up a little.
But for mobile, I recommend manually cropping your image and using css to show.
Try uploading the two images in the Private Content area and then change the url in this css one at a time and test on mobile, feel free to create your own cropped mobile image, these are only examples to get you started.

@media only screen and (max-width: 767px) { 
	#top.page-id-8197 #av_section_1{
background-image: url(https://test.test/mobile1.jpeg) !important; 
background-size: contain !important;
}
}

Best regards,
Mike

Hey tijshensen,
Thank you for the screenshot, I was able to find your site and examine the characters. I have seen this before and it was caused by pasting text into the element from another program that had special text formating.
So please try cutting your text from the element and pasting into a “plain text” document such as the Windows “notepad”, if you are on Mac please read this article about Plain Text Mode in TextEdit
Then copy only the plain text, and not any special characters, from the editor and paste into your WordPress element.

Best regards,
Mike

Hi,
For the remaining background images on the page, please try this css:

@media only screen and (max-width: 767px) {
.page-id-824 #wellness .av-parallax,.page-id-824 #report .av-parallax,.page-id-824 #organizational .av-parallax {
    background-image: none !important;
    background-color: #f8f8f8 !important; 
}
}

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

Best regards,
Mike

Hi,
I see that from the product ranges page all of the links are like this:
/staging586/products-range/index.php/products-range/ballistic-plates/
where they should be like the menu links:
/staging586/products-range/ballistic-plates/
Your live site also has the same links, but they still link correctly there, probably due the mod_rewrite in your .htaccess
Please try going to your Permalink Settings and resave, if this doesn’t help please compare the .htaccess files of the two sites for an added mod_rewrite rule.
If this doesn’t help, please include an admin login and ftp access in the private content area so we can be of more assistance.

Best regards,
Mike

Hi,
@Lana, glad @Barnez1’s suggestion helped, is there anything else we can assist with on this, or shall we close this?

@Barnez1, thank you for helping.

Best regards,
Mike

Hi,
That one has different classes so please add this css for it to work:

a.avia-gallery-big {
    -webkit-animation: in 1.5s;
    animation-fill-mode: forwards;
}

a.avia-gallery-big:hover {
    -webkit-animation: out 1.5s;
    animation-fill-mode: forwards;
}

@-webkit-keyframes in {
    from   { -webkit-transform: scale(1.05,1.05);}
    to { -webkit-transform: scale(1,1); }
}

@-webkit-keyframes out {
    0%   { -webkit-transform: scale(1,1); }
    100% { -webkit-transform: scale(1.05,1.05); }
}

#top a.avia-gallery-big:hover {
    opacity: 1 !important;
}
.avia_transform a.avia-gallery-big:hover .image-overlay {
    opacity: 0 !important;
}

Best regards,
Mike

Hi,
Thanks, to only show the sub-menu on mobile, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (min-width: 768px) { 
#sub_menu1 {
	display: none !important;
}
}

To change the sub-menu text, Try adding this code to the end of your functions.php file in Appearance > Editor:

function supermarket_shop(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
$( "#sub_menu1 .av-current-placeholder" )
  .text( "supermarket shop" );
 });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'supermarket_shop');

Then clear your browser cache and check.

Best regards,
Mike

Hi,
For the English layerslider the first slide looks correct, but then the other sliders show that text again, I assume you mean that you removed the 19 String Translations, and then added 1 back?
Can you remove them all? I was hoping that with no String Translations for the layerslider the actual layerslider text would show.
It looked like each layerslider was already in the correct language so they should not need to be translated.
Also, I couldn’t login, seems the login token has expired, please 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,
Good point, on hover would be better, please try this code instead:

function removemasonryImageTitleOnHover(){
?>
<script>
jQuery(document).ready(function() {
var imgTitle;
jQuery("a.av-masonry-entry").hover(function(){
imgTitle = jQuery(this).attr("title");
jQuery(this).removeAttr("title");
}, function(){
jQuery(this).attr("title", imgTitle);
});
jQuery("a.av-masonry-entry .av-masonry-image-container").hover(function(){
imgTitle = jQuery(this).attr("title");
jQuery(this).removeAttr("title");
}, function(){
jQuery(this).attr("title", imgTitle);
});
});
</script>
<?php
}
add_action('wp_footer', 'removemasonryImageTitleOnHover');

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,
Please try pasting your link into a plain text file as html and upload it to DropBox and link to it here.
I assume you are trying an on click event like this:

<a href="https://google.com" onClick='alert("You clicked the link")'>on click link</a>

If true then add this to your text element in the “text” tab and not in the “visual” tab, but the next time you edit the element the code will be striped.
To get around this use a link with a custom ID instead and add the event function to your functions.php or in a “code block” element on the page. For example, this would be your link:

<a href="#" id="myonclick">on click link</a>

and this would be in your code block element:

<script>
(function($){
$(window).load(function() {
$("#myonclick").on('click', function() {
  alert("You clicked the link");
  window.location = "https://www.google.com";
})
});
})(jQuery);
</script>

If you add this in your functions.php then change it to this:

function custom_script(){
  ?>
  <script>
(function($){
$(window).load(function() {
$("#myonclick").on('click', function() {
  alert("You clicked the link");
  window.location = "https://www.google.com";
})
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

Best regards,
Mike

Hi,
Please include a link to the page that you want to have a different background color and the color you would like so we can assist with some css. Also, let us know what background color you would like when every page is loading.

Best regards,
Mike