Hi,
I enabled the Avia Layout Builder Debugger that shows the Enfold Shortcode Parser and it shows 3 errors on the page:


but unfortunately the parser won’t automatically repair and when I try to manually repair the changes are not saved.
The copy of the page on my site shows no errors so I created a new page on your site and the backend opened with no errors:

please try this page linked below.

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,
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,
Glad Guenni007 could point you in the right direction, 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,
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,
Thanks for the feedback, when I test Ismael‘s code above the three columns “Commercial Cleaning”, “Specialist Domestic Cleaning” and “Why Choose Us”
all become full-width at 1024px this should be correct for an iPad in portrait, perhaps yours is different please check your iPad screen resolution here
Try Ismael‘s code again:

@media only screen and (max-width: 1024px) {
  .responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
    display: block;
  }

  .responsive #top #wrap_all .av-break-at-tablet-flextable, .responsive .av-layout-grid-container.av-break-at-tablet {
    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.
Please note that iPads & 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.
If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance and check if you have an error in your css.
Also please upload a new screenshot of the error as the original one has expired.

Best regards,
Mike

Hi,
Thank you for the link to your site, to reverse the color for the social icons with the hover state and make them larger please try this css:

#top #wrap_all #header_main .social_bookmarks li a {
    width: 40px;
    line-height: 40px;
}
#top #wrap_all #header_main .social_bookmarks {
    height: 40px;
}
#top #wrap_all #header_main .social_bookmarks li {
width: 40px;
font-size: 30px;
}
#top #wrap_all #header_main .av-social-link-facebook a {
    color: #fff;
    background-color: #37589b;
}
#top #wrap_all #header_main .av-social-link-facebook:hover a, 
#top #wrap_all #header_main .av-social-link-facebook a:focus {
    color: #808080;
    background-color: transparent;
}
#top #wrap_all #header_main .av-social-link-twitter a {
    color: #fff;
    background-color: #46d4fe;
}
#top #wrap_all #header_main .av-social-link-twitter:hover a, 
#top #wrap_all #header_main .av-social-link-twitter a:focus {
    color: #808080;
    background-color: transparent;
}
#top #wrap_all #header_main .av-social-link-instagram a {
    color: #fff;
    background-color: #a67658;
}
#top #wrap_all #header_main .av-social-link-instagram:hover a, 
#top #wrap_all #header_main .av-social-link-instagram a:focus {
    color: #808080;
    background-color: transparent;
}
#top #wrap_all #header_main .av-social-link-youtube a {
    color: #fff;
    background-color: #a72b1d;
}
#top #wrap_all #header_main .av-social-link-youtube:hover a, 
#top #wrap_all #header_main .av-social-link-youtube a:focus {
    color: #808080;
    background-color: transparent;
}
#top #wrap_all #header_main .av-social-link-linkedin a {
    color: #fff;
    background-color: #419cca;
}
#top #wrap_all #header_main .av-social-link-linkedin:hover a, 
#top #wrap_all #header_main .av-social-link-linkedin a:focus {
    color: #808080;
    background-color: transparent;
}

After applying the css, please clear your browser cache and check.
This is the expected results:

Best regards,
Mike

Hi,
You will need to update the parent theme file with each update, file in the /framework/php/ directory can not be added you your child theme.

Best regards,
Mike

Hi,
Please also disable the script, we will not use it, and then try going to WordPress ▸ Customizing ▸ WooCommerce ▸ Product Images and choosing Uncropped
and then go to WooCommerce > Status > Tools > Regenerate shop thumbnails, and click the Regenerate button next to it.
If this doesn’t help try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_wc_before_shop_loop_item_title_img_size_mod', 10, 1 );
function avf_wc_before_shop_loop_item_title_img_size_mod( $thumbnail_size ) {
    return 'woocommerce_thumbnail';
}

If you use the Woocommerce Gallery instead of the Enfold Gallery do you have the same issue?

Best regards,
Mike

Hi,
Thanks Guenni007, you wanted to add page content before the content of a category page?
I don’t have a solution for that, try using the shortcode of the page element instead, as above.

Best regards,
Mike

Hi,
Thanks for your patience and the link to your site, I checked the three page that you identified with the error and on each page you had added this: <3 and this was what caused the error, here you can see the text element with the error message warning about it:

after removing the code the text element previews the correct text and the frontend works correctly:

So try not to add this code and please remove it from any other pages.

Best regards,
Mike

Hi,
I see that you are getting this error:
Failed to load resource: the server responded with a status of 400 () /wp-admin/admin-ajax.php
Try disabling your plugins and checking the page again, if this doesn’t help check your webhost error logs, the status of 400 is a server error.
I was able to copy the page to my test site and it works and edits fine, so I don’t think it’s an error on the page.

Best regards,
Mike

Hey woogie07,
Thank you for your patience, please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hey conlcoa,
Please include an admin login in the Private Content area and link directly to the page so we can be of more assistance.
Did you add any javascript to the page or did you add any HTML tags to the titles such as <strong> these are typical things that can break a page.

Best regards,
Mike

Hi,
Thanks for the feedback, if you are going to use the short pixel plugin, then please don’t use the script, it looks like the plugin is trying to change the images.
I would recommend disabling this plugin and any other “optimizer” plugins until the core issue is solved.
Then try going to WordPress ▸ Customizing ▸ WooCommerce ▸ Product Images and choosing Uncropped

and then go to WooCommerce > Status > Tools > Regenerate shop thumbnails, and click the Regenerate button next to it.
If this doesn’t help try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_wc_before_shop_loop_item_title_img_size_mod', 10, 1 );
function avf_wc_before_shop_loop_item_title_img_size_mod( $thumbnail_size ) {
    return 'woocommerce_thumbnail';
}

Then clear any cache plugins and any server cache and your browser cache.

Best regards,
Mike