Hi,

I tried your suggestion, and as I indicated before, it did not work. Adding the font size in css or inline makes to difference, the mobile settings are not responsive The font, remains at 72px on every screen.

But that is exactly what my example page showed you. If you add inline CSS, that will apply instead of any theme setting, since that CSS has a higher priority. If you don’t understand how CSS priority works, then please try to do a bit of research online.

This page will answer your question in the screenshot: https://wpexpert.se/enfold/text-block-font-sizes-example/

Not at all, I’m simply suggesting that when you design a website, it’s designed for the largest screen first, then the responsive settings adjust all the page elements to fit the appropriate size. That 72px value would still be there for the larger screens and naturally, adjust to smaller screens. That is how responsive websites are supposed to work.

You have explicitly told an element to be 72 pixels, with no further specification. How exactly should the theme then know when you want it to change, and on which screen sizes?

Best regards,
Rikard

Hi,

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

@media only screen and (max-width: 989px) {
.html_mobile_menu_tablet .header_color div .av-hamburger-inner, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::before, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::after, #menu-item-search a {
    background-color: #fff;
}
}

Best regards,
Rikard

Hi,
Thanks for the login, the jQuery error that I see is: Uncaught TypeError: elem.getClientRects is not a function , my research points to this occuring when scripts written for an older version of jQuery are used with the newer version of jQuery.
I see that you are using Enfold v4.4.1, which is old now compared to our current version 5.0.1, I recommend updating to v5.0.1 and see if this resolves.
If you are concerned about how your site might behave after an update, try creating a staging site and upgrading it first.
The easiest way to create a staging site is if your webhost has the one click staging site option, this is an option in most cPanels to create a staging clone of your site so we can test on it and you site will stay up and running. You can always ask your webhost to help you with setting this up if you want.

Here are some screenshots of what it would look like:

Best regards,
Mike

Hi,

Thank you for the update.

but this is a workaround, I think that searchform.php should be written in a way that it doesn’t throw a fatal error

There is nothing wrong with the template file, it is written based on the default searcform.php file with a few minor additions such as the icon font. The issue occurs because the security plugin cannot detect the av_icon_char function, which is defined in the enfold/config-templatebuilder/avia-template-builder/php/class-font-manager.php file.

Unfortunately, we are not sure if the plugin loads the whole theme first or check for dependencies before checking the template files. You may need to exclude the searchform.php file from the scan to avoid the error report.

Best regards,
Ismael

Hi,
Thanks for your feedback, but to be clear, you did use the better search replace plugin to make changes?
Not just install the plugin, but to use it to search and replace something in the database?
Perhaps try creating a sub-domain test site and install a fresh WordPress and Enfold, the use the WordPress ▸ Settings ▸ Export on your current site and import it on the test site, then use Enfold Theme Options ▸ Import/Export ▸ Export Theme Settings File on your current site to import to the test site, and see if the new site then uses the Enfold Theme Options ▸ Advanced Styling options correctly.

Best regards,
Mike

Hi,
Thanks for the login to your site, on your /service-center/ page in your screenshot above I found that the wrong color showing (a bright blue) was the default browser user agent color, so no setting seemed to be applied from the Enfold Theme Options ▸ Advanced Styling
When I added the color and font size to your child theme stylesheet in your current .av-main-nav > li > a rule:

.av-main-nav > li > a {
    line-height: 35px!important;
    height: 35px!important;
	color: #00315c;
	font-size: 17px; 
  }

it worked correctly, so this points to your child theme stylesheet working but not the theme Enfold Theme Options ▸ Advanced Styling
I see in your WordPress ▸ Dashboard ▸ Tools ▸ Site Health ▸ Info ▸ Server both of your PHP memory limit & Max input time are negative values:

typically I would expect to see positive values:

So from your post above it sounds like everything was working fine until recently, so did you just update to PHP v8, if so it looks like the PHP setting are not the same for your previously PHP version, probably 7.4 and the new v8 on your server, try going back to v7.4 to test, and if that works try adjusting them to match.
If you didn’t change the PHP version since the error, then did you make any changes with the better search replace plugin and then noticed the error? This plugin is very powerful and can make serious unexpected changes, and has no fall back option.
If this is true, do you have a pre plugin server backup? You might need to use it to correct, I’m not sure.
If you don’t have a backup then you could add the css needed to correct your menu in your child theme stylesheet and not rely on the Enfold Theme Options ▸ Advanced Styling options.
I have not seen a case of the Advanced Styling not working and I don’t see any related errors?

Best regards,
Mike

Hi,
Thanks for your question, in order to make your heading rows span across multiple columns the table would use the colspan attribute, unfortunately, the Enfold table element doesn’t offer this feature and considering that you are also looking for advanced fixed columns and rows when scrolling I would recommend looking for a table plugin that offers these features.
I did find a stackoverflow example: Set colspan dynamically with jQuery to use as a base to try this with our table element, but please note that it will not work for the mobile table view.
The script works by removing the empty cells and adding the colspan attribute to the first cell with text, also the very first cell is ignored.

the result:

If you want to try this add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_colspan_script() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
   $('#colspantest .avia-heading-row').each(function() {
    var tr = this;
    var counter = 0;
    var strLookupText = '';
    $('th', tr).each(function(index, value) {
      var th = jQuery(this);

      if ((th.text() == strLookupText) || (th.text() == "")) {
        counter++;
        th.prev().attr('colSpan', '' + parseInt(counter + 1,10) + '').css({textAlign : 'center'});
        th.remove();
      }
      else {
        counter = 0;
      }
      strLookupText = th.text();
    });
  });
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'custom_colspan_script');

and add the custom ID colspantest to the table element

Best regards,
Mike

Hey profumopuntoit,

Thank you for the inquiry.

Looks like the WP Cerber Security (wp-cerber) plugin is trying to access the searchform.php via the error404.php page based on these stack error traces.

#1 /www/buyandsellambergris_814/public/wp-content/themes/enfold/includes/error404.php(17): get_search_form()
#6 /www/buyandsellambergris_814/public/wp-content/plugins/wp-cerber/cerber-load.php(4635): include(‘/www/buyandsell…’)
#7 /www/buyandsellambergris_814/public/wp-content/plugins/wp-cerber/cerber-load.php(2448): cerber_404_page()
#8 /www/buyandsellambergris_814/public/wp-content/plugins/wp-cerber/cerber-load.php(2411): cerber_access_control()

Did you run any task from the wp-cerber plugin prior to the issue?

Best regards,
Ismael