Hey SugarPR,

I see that you are running an old version of the theme, could you try to update to the latest version (5.7.1) to see if that helps please? The update to 5.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,

Thanks for letting us know, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey Aubin,
Please ensure that you have Enfold Theme Options ▸ Shop Options ▸ Product gallery ▸ WooCommerce 3.0 product gallery enabled

Best regards,
Mike

Hey jetsaveurs.com,
Thank you for your patience but I couldn’t find the page with the error, please link directly to the page with the error.
When I checkthe quantity field in each product box it is centered,

Best regards,
Mike

Hey lyubopopov,
Thank you for the link to your site, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor, or 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:

then add this code and save:

function select_value_in_form() { ?>
  <script>
document.addEventListener('DOMContentLoaded', function() {
    var selectFields = document.querySelectorAll('.page-id-15 #avia_6_1');
    selectFields.forEach(function(selectField) {
        for (var i = 0; i < selectField.options.length; i++) {
            if (selectField.options[i].value === 'Brazil') {
                selectField.selectedIndex = i;
                break;
            }
        }
    });
});
</script>
  <?php
}
add_action( 'wp_footer', 'select_value_in_form', 99 );

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
I wrote this to only work on the one page so it won’t interfere with other pages.

Best regards,
Mike

Hi,
I tried looking into why PageSpeed Insights are not consent, and I found many articles like this one: Why Google PageSpeed Insights don’t reflect reality

PageSpeed Insights uses a slow 3G connection for its mobile testing, rather than 4G or 5G or a regular broadband connection. This means that the large majority of your visitors will see faster page loads and have a much better experience browsing your website by default than PageSpeed Insights suggests.

On GTMetrix the desktop version of your /counseling-austin-tx/ page is 99

but you need a paid plan to test as mobile.
The Pingdom Website Speed Test rates your /counseling-austin-tx/ mobile version as 85

DebugBear rates your /counseling-austin-tx/ mobile version as 94

This site claims to be More accurate data than Page Speed Insights:

Best regards,
Mike

Hey schweg33,
Try this CSS in your <strong style=’color:#000′>Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 1224px) { 
#top.home .avia-button.avia-size-small {
	min-width: 100%;
} 
}

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,
Glad Guenni007 could help, thank you Guenni007, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
I see it, before scroll none:

after scroll it shows:

if you had something different in mind, please upload a mockup demonstrating what you would like to see so we can understand better

Best regards,
Mike

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

#top .woocommerce.columns-4, #top .products.columns-4 {
  display: flex; 
}

#top .products .product.last, #top #main .products .product.last {
  margin-right: 13px;
}

Best regards,
Rikard

Hey Sebastian,
If you have the shrinking header applied then you can add shadow to the header when the class header-scrolled is added.
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#header.av_minimal_header_shadow.header-scrolled {
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
}
#header.av_minimal_header_shadow {
    box-shadow: none;
}

If this doesn’t work for you then we will need to see your page.

Best regards,
Mike

Hi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
When I compare the two sites it looks like your original site has some custom css that your staging site doesn’t, try checking these places that may have some css that you didn’t copy over yet:
WordPress ▸ Appearance ▸ Editor ▸ parent theme ▸ custom.css stylesheet
WordPress ▸ Customize ▸ Additional CSS
otherwise disable Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression on both sites and then use the inspector on the elements in question and compare the css rules to see what is the difference, with the merging and compression off you can see the files that are giving the styles

Best regards,
Mike

Hey manurimini,
As I understand your question when you click a anchor link the page scrolls too far and goes under the sticky sub-menu, to change this you will need to adjust the offset.
The following script will change it but you may need to adjust the offset for your site, so in this example our header is 80px high on mobile and the sub-menu is 60px height, making 140px:

The height doesn’t change until 990px when the burger menu is replaced with text items, and then the header is 90px high on mobile and the sub-menu is 60px height, making 150px:

So add this code to the end of your child theme functions.php file in Appearance ▸ Editor or 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:

then add this code and save.

function custom_change_offset() { ?>
  <script>
(function($) {
	var width = $(window).width();
    if ((width < 989)) {
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
&& location.hostname == this.hostname) {

      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top - 140 //offset
        }, 1000);
        return false;
      }
    }
  });
  //Executed on page load with URL containing an anchor tag.
  if($(location.href.split("#")[1])) {
      var target = $('#'+location.href.split("#")[1]);
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top - 140 //offset
        }, 1000);
        return false;
      }
    }
    } 
    else if ((width > 990)) {
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
&& location.hostname == this.hostname) {

      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top - 150 //offset
        }, 1000);
        return false;
      }
    }
  });
  //Executed on page load with URL containing an anchor tag.
  if($(location.href.split("#")[1])) {
  	var targett = $('#'+location.href.split("#")[1]);
      if (targett.length) {
        $('html,body').animate({
          scrollTop: targett.offset().top - 150 //offset
        }, 1000);
        return false;
      }
    }
    }
}(jQuery));
</script>
  <?php
}
add_action( 'wp_footer', 'custom_change_offset', 99 );

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Note that there is four places you may need to adjust two 140px & two 150px
Also note that you can add more space if you like, it doesn’t have to be exact.
In my example I added a red border around the sections to make it easy to see, on mobile it is like this:

and on tablet 1024px like this:

and desktop like this:

Please note that when testing by changing your browser widow size it is best to reload the page so the screen size can be recalculated, this won’t be an issue on real devices.

Best regards,
Mike

Hi,
Thanks for the mockup image, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .menu-item-has-children > a > .avia-menu-text:after {
	content:"\e873";
	font-family: 'entypo-fontello';
	right: -10px;
  position: relative;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
This is the expected results:

Best regards,
Mike

Hey Diana,
For #2 the selection menu items in “uppercase” due to this custom css, try to find the text-transform and remove:

if you can’t find it try adding this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #main .avia_ajax_form .select {
    text-transform: none !important;
}

For your first question, the background color is set by your browser, it is blue on my computer:

When I search stackoverflow.com I’m not able to find any working solutions, most people say that it is not possible, I tried for almost an hour but didn’t find one.

Best regards,
Mike

Hi,
Your website link in the copyright (Website Design by) is broken, try clicking it.
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:

then add Guenni007’s code and save.

Best regards,
Mike

Hey PutmakerAG,
This is created by the browser from the title attribute, the theme doesn’t have an option to block this browser behavior, try this solution ▸ https://kriesi.at/support/reply/1345583/
If you need further assistance please log in to the support forum and open a new thread If you are unable to login to the support forum because you don’t have a activate support contract, please try going to your Theme Forest account and renew your support and then log in to the support forum and open a new thread.
Please note that using the contact form is not appropriate for support questions.

Best regards,
Mike

Hey Marion,
Thanks for your comment, but we are not able to reproduce this, please see the test page the I created below.
When you add your links ensure to add https:// you do not need to add target as it will open in a new tab by default

If you need further assistance please log in to the support forum and open a new thread If you are unable to login to the support forum because you don’t have a activate support contract, please try going to your Theme Forest account and renew your support and then log in to the support forum and open a new thread.
Please note that using the contact form is not appropriate for support questions.

Best regards,
Mike

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

@media only screen and (max-width:767px){
.responsive .logo img, .responsive .logo svg {
height: 282px !important;
}
}

Then clear your browser cache and any cache plugin, and check.
Please note that testing with iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hi,
Unfortunately the line is a pseudo-element so it’s state is related to the parent element, if you want to remove the hover effect try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .av_header_transparency .main_menu ul:first-child > li > a:hover {
	opacity: 1 !important;
}

Best regards,
Mike