Hi,
Strange indeed, I didn’t find any errors, but 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,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field for this one page:

.page-id-214219 #header_main .container, 
.page-id-214219 .main_menu ul:first-child>li a,
.page-id-214219 .main_menu ul:first-child>li {
    height: 40px;
    line-height: 40px;
}
.page-id-214219 li.dropdown_ul_available:not(#menu-item-5472)::after {
    content: "▼";
    color: #210e23;
    position: absolute;
    top: -4px;
    left: -3px;
    font-weight: bold;
}

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 northorie,
This seems to be a duplicate thread, I answered your other thread, please review.

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

Hi,
The two question affect each other, so lets start with the second question.
Currently on mobile your table is like this:

To make it easier to read, how about this:

To achieve this try adding this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
.responsive #top.page-id-472 .avia_responsive_table .avia-data-table tr:first-child th {
	display: inline;
}
.responsive #top.page-id-472 div .avia_responsive_table .avia-data-table td, .responsive #top.page-id-472 div .avia_responsive_table .avia-data-table th {
	display: inline;
}
.responsive #top.page-id-472 .avia-data-table.avia_pricing_minimal tr {
    padding-bottom: 20px;
}
}

Ensure to keep the other css above. This also solves the first question.
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 Andrea,
Special Characters in the table or title elements can be converted by WordPress into opening or closing brackets causing an error, please use our Special Character Translation plugin, please see our documentation: Using special characters

Please also note that using the contact form is not appropriate for support questions, please log in to the support forum and open a new thread if you need further assistance.
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.

Best regards,
Mike

Hey ausgesonnen,
Thank you for your patience, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
	.responsive #top.page-id-472 .avia_responsive_table.avia-data-table-wrap .avia-data-table td:before {
		display: none;
	}
	.responsive #top.page-id-472 .main_color .avia_responsive_table.avia-data-table-wrap .avia-data-table.avia_pricing_minimal th {
    width: 48%;
}
.responsive #top.page-id-472 .avia_responsive_table .avia-data-table {
    border-style: none;
}
}

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.
Please see the screenshot in the Private Content area of the expected results.

Best regards,
Mike

Hi,
Ok, while you consider what is best for your site, shall we close this thread for this CSS layout issue then? You are always welcome to open new threads for future questions.

Best regards,
Mike

Hi,
To make the header have the same width as your page content, add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.responsive #top #header #header_main {
    padding: 0 50px;
    margin: auto;
    max-width: 1310px;
}

but this will also effect your menu, since it is in the same element, so you may wish to remove the menu background color with this css:

.responsive #top #header #header_main #header_main_alternate.container_wrap {
    background: #fff;
    border-top-style: none;
}

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,
Thanks for the feedback, so in summary it sounds like with the theme compression/merging enable and the WPFC running but the plugin minification/compression disabled with CF running the issue is solved and your pagespeed mobile performance score is ~90
It sounds like the double minification/compression beteen the theme and WPFC was causing the issue, lad to hear that you have this sorted out, unless there is anything else we can help with on this issue, shall we close this thread then?

Best regards,
Mike

Hi,
Thank you for your patience, I’m not sure why, but the layout of the elements is different on your site, so the css was not working, I adjusted the css to achieve what you wanted, please clear your browser cache and check. Please see the screenshots in the Private Content area of the results.

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

Hi,
You could try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
#top #wrap_all .all_colors #av_section_1 h1 {
    font-size: 35px;
}
}

It will make the H1 text at the top of the page linked below 35px on mobile instead of the 65px that it is now on desktop.
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,
It looks like an issue with the file on our site, I have asked the team to replace it, for now you can use the one I linked to below.

Best regards,
Mike

Hi,
Thank you for your patience, unfortunately this element doesn’t have this option, you can choose to only show the one category alone by choosing only one category, or if you want to enable many categories and have one selected first you can try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
  <script>
(function($){
  setTimeout( function() {
      var grid = $('#js_sort_items .sort_by_cat');

      if( grid ) {
          grid.find('a[data-filter="austria-trend_sort"]').trigger('click');
          console.log('click');
      }
  }, 800);
})(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'custom_script', 99 );

This will click your “austria-trend” sort option on page load. You can change this to the item you wish and adjust the delay option (800) if you wish. I tested this on your page by injecting it in the browser and it working well.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike