Hey extraeyes,
The old version 5.6.6 will not automatically update, to update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

For your other issue see this post.

Best regards,
Mike

Hey Shari,

Thank you for the inquiry.

The arrows are there but they are barely visible because the background is transparent due to this css code.

#top .avia-slideshow-arrows.avia-slideshow-controls a {
    background: #fff0 !important;
}

You can either remove the modification or add this code in the Enfold > General Styling > Quick CSS field.

#top .avia-slideshow-arrows.avia-slideshow-controls a {
    background: #a6a6a6 !important;
}

Best regards,
Ismael

Hi,

Great, I’m glad that you found a solution. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

If you have questions outside the current topic, then please open a new thread.

Best regards,
Rikard

Hey Elisa,

I don’t think that updating gradually would make any difference to be honest, I would suggest that you update to the latest version directly. The update to 7.1 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hi,
Try this instead:

@media only screen and (max-width: 767px) {
    .responsive #top.page-id-254 #wrap_all .slide-entry {
        width: 100%;
        margin-left: 0%;
        padding-bottom: 20px;
    }
}

Best regards,
Mike

Hi,
If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

and ensure that it is activated, then add the above code and save.

Best regards,
Mike

Hey limedrop,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
    .responsive #top.page-id-254 #wrap_all .slide-entry {
        width: 100%;
        margin-left: 0%;
    }
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey extraeyes,
To make this font-size 20px

this css works:

#top #wrap_all .all_colors h2.woocommerce-loop-product__title {
	font-size: 20px;
}

but it will not remove the H2, which it sounds like this is what you want to do.
If you want this H2 to be a “p” instead, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function change_woocommerce_product_title_tag_in_product_slider() { ?>
  <script>
(function($) {
  $(function() {
    function replaceElementTag(targetSelector, newTagString) {
      $(targetSelector).each(function(){
        var newElem = $(newTagString, {html: $(this).html()});
        $.each(this.attributes, function() {
          newElem.attr(this.name, this.value);
        });
        $(this).replaceWith(newElem);
      });
    }
    replaceElementTag('h2.woocommerce-loop-product__title', '<p></p>');
  });
}(jQuery)); 
</script>
  <?php
}
add_action( 'wp_footer','change_woocommerce_product_title_tag_in_product_slider', 99 );

Best regards,
Mike

Hey Sven,
The fixed header on mobile devices has never been an option because the Dev Team has always felt that it takes too much space on mobile devices, over the years the only option was to add some custom css to achieve this.
To have a fixed header on your site and have a small header so it doesn’t take up as much space you can try this css, I specifically created it for your site and it works in my tests.

@media only screen and (max-width: 989px) {
    .responsive #top #wrap_all #header_main .container.av-logo-container {
        height: 40px !important;
        line-height: 40px;
    }
    #header_meta .container {
    		min-height: 12px;
		}
		#header_meta .phone-info {
    		line-height: 12px;
    		padding: 0;
		}
		#header_meta {
    		min-height: 12px;
		}
		#header_main {
			height: 40px;
			line-height: 40px;
		}
		.responsive #top #header_main>.container .main_menu .av-main-nav>li>a,
		.responsive #top #wrap_all .main_menu {
        height: 40px;
        line-height: 40px;
    }
    .responsive .logo img, .responsive .logo svg {
        max-height: 40px;
        padding: 0;
    }
    .responsive #top .logo,
    .responsive #top .logo a {
    		height: 40px !important;
    }
    .avia-section-huge .content, .avia-section-huge .sidebar {
    		padding-top: 50px;
    		padding-bottom: 50px;
		}
		.responsive.html_mobile_menu_tablet #top #header_main>.container .main_menu .av-main-nav>li>a, .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {
        height: 40px;
        line-height: 40px;
    }
    .responsive #top #wrap_all #header {
    position: fixed !important;
  	}
  	.responsive.html_mobile_menu_tablet.html_header_top #top #main {
        padding-top: 60px !important;
  	}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
If you have any trouble disable your WP Rocket plugin and the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files. then check again.
Feel free to adjust to suit.
I also notice that your revolution slider doesn’t show on page load, only after the page is scrolled or clicked, this is due to your WP Rocket plugin lazy load, you should add an exclusion for the slider or disable the WP Rocket lazy load option.

Best regards,
Mike

Hey Sven,
Your site is reporting a 404 error (file not found) for your icon fonts:

This affects your social icons and the other icons on your page:

It looks like the only fonts loading are from this location: /wp-content/uploads/themepunch/gfonts/ which may be from a plugin, or perhaps your WP Rocket plugin is causing the fonts to not load.
The first step is to disable all of your plugins and check again. If this doesn’t help leave all of your plugins disabled and include a admin login so we can examine.
I see that you are using a child theme, if you have a old copy of header.php or footer.php in your child theme, please remove these, as this is the top reason for errors after updating.

Best regards,
Mike

Hi,
On your second page in the source code the word “Batliner” has ­ twice in the word:

this causes a problem for Guenni007’s script, I pointed this out for you in your other thread. At the time you said you thought it was from the plugin: Data Tables by Supsystic.
Did you try disabling the plugin?

Soft hyphen (­) This character is not rendered visibly; instead, it suggests a place where the browser might choose to break the word if necessary. In HTML, you can use ­ to insert a soft hyphen.

Since your first page doesn’t seem to use the plugin I think that it probably was adding the Soft hyphen.

Best regards,
Mike

Hi,
The snippet that you posted above was not in a code wrap, so it is common in the forum for the quotes to be changed and also in the WordPress text field, since the forum uses WordPress. It is easy to see the diffence when a plain text editor is used such as VS code. So I’m not sure if you posted the incorrect code or if the forum text field changed it, this is why I posted the code in a code block for you above.
But as I pointed out above, using the text block and then viewing the code in the visual tab will change the code because of the added script running in the backend of your site, there is no way to stop this, so the correct solution is to use the code block element instead. See my post above.
The other solution would be to use the shortcode for the button above, which you could use in a text element, if you really needed to do that.
Try following the steps in my post above and you will see that if you do not use the visual tab for your code snippet, the button will work correctly, but if you ever edit the element again in the future you will see the error again, there is no way to stop this.
So I recommend either using the code block element, or the shortcode function above.

Best regards,
Mike

Hi,
1:

@media only screen and (max-width: 767px) { 
#top #header .phone-info {
	padding-top: 0;
}
#menu-item-1413 a {
	padding-bottom: 0;
}
#avia2-menu {
	line-height: 10px;
}
}

2:

@media only screen and (max-width: 767px) { 
#top #wrap_all .social_bookmarks li a {
  line-height: 30px!important; 
  min-height: 30px!important; 
  font-size: 30px!important; 
  }
  
  #top #wrap_all .social_bookmarks li {
  height: 30px!important; 
  width: 50px!important; 
  }
  
  #top #wrap_all .social_bookmarks {
      height: 35px!important;
  }
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Sven,
It has always been hidden on screens smaller than 767px to save space, it is not specific to landscape or portrait, it is only that some mobile devices happen to be larger than 767px in landscape mode. To show on all screens try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
    .responsive #scroll-top-link {
        display: block;
    }
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
To have a smaller font size for the magazine titles, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #wrap_all .all_colors h3.av-magazine-title {
	font-size: 12px;
}

adjust to suit and clear your browser cache

Best regards,
Mike