Hi,
Thank you for the link to your site, the issue was in your widget there was a “pre” & “code” tag, probably from were you copied the code from.

I removed it for you and now your header buttons are correct

please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for your patience and the video, I think I understand what you were hoping to do, but I couldn’t find a way to change this. But I did come up with a solution that may work for you. In your video I noticed that your example post was created with the ALB (Advanced Layout Builder) so I assume all of them are. So I created a couple of test posts, not pages, on my test site and added a couple of images with the Image element and one with the Text element, although I believe you are only using the Image elements.
I set all of the images to medium size.

Then I used this function in my WPCode plugin as a PHP snippet, it will also work in your child theme functions.php:

function adjust_image_attributes_for_single_posts($content) {
    if (is_singular() && in_the_loop() && is_main_query()) {
        $content = preg_replace_callback(
            '/<img(.*?)>/i',
            function ($matches) {
                $new_img_tag = preg_replace('/width=".*?"/i', 'width="auto"', $matches[0]);
                $new_img_tag = preg_replace('/height=".*?"/i', 'height="auto"', $new_img_tag);
                $new_img_tag = preg_replace('/sizes=".*?"/i', 'sizes="(max-width: 1030px) 100vw, 1030px"', $new_img_tag);
                $new_img_tag = preg_replace('/class=".*?size-medium.*?"/i', 'class="size-large"', $new_img_tag);
                return $new_img_tag;
            },
            $content
        );
    }
    return $content;
}
add_filter('the_content', 'adjust_image_attributes_for_single_posts', 99);

It replaces the image class size-medium with size-large, which is not important but I thought it may help with some related css, and it changes the image width & height attribute to auto and changes the size attribute to 1030px so the large image is used from the image srcset.
This worked for me in ALB posts, I also tested in a Classic Editor post and it worked for the images in the post without changing the featured image, which is good because that is a different size and you would not want to change it.
The only thing that I noticed was that on the Classic Editor post the images didn’t seem to change in size even though the source code changed, and this was because to container width of the post was narrow, when I added so css to make the container full width the images showed correctly.

#top .fullsize .template-blog .post .entry-content-wrapper {
    max-width: 100%;
}
#top .fullsize .template-blog .post .entry-content-wrapper > * {
    max-width: 100%;
}

I don’t think this will matter for you, but I’m adding it for future readers that have this issue.
So give this a try and see if it helps you.

Best regards,
Mike

Hey HenkN,
To not have double lightboxs please disable the theme lightbox at Enfold Theme Options ▸ Lightbox Modal Window
For the portfolio item try the class av-masonry-item-with-image
The background image for the portfolio item uses av-masonry-image-container, but you said that was not working for the portfolio items.

Best regards,
Mike

Hi,
This is for only the width of the page, first.
I checked your css and you have two errors breaking your css:

I fix it for you, please clear your browser cache and check.
Please note that Safari 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.
I’m not sure what the px width for your screen, so the css has 2560px, you can adjust to suit.

Best regards,
Mike

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

@media only screen and (max-width: 767px) { 
	#top .avia-icon-list .iconlist_icon {
		margin: 0 0 10px 0;
	}
	#top .avia-icon-list li {
		padding-bottom: 0;
	}
}

then look in your icon list content area, you have a extra empty paragraph tag from a empty line, probably from a “return” key stroke, you may need to look in the “text” tab to remove it.

This adds a empty space under your icon list:

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,
I looked in your media library and examined your fontello-687a9f97.zip but it only had these icons:

the reason it won’t install is because your server doesn’t have the PHP ZipArchive Extension enabled:

please ask your webhost to enable this on your server.

Best regards,
Mike

Hi,
Thank you for the link to your site, I see that your tab images are large and the title font is also large for all of the tabs to fit on a small mobile screen, the tabs are designed to float off of th screens so the images and text can be large.
But if you want them to all fit on the screen try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
.av-tab-section-tab-title-container .av-tab-section-image {
	width: 80px;
}
#top .av-section-tab-title {
    padding: 10px 5px 0px 5px;
}
.av-tab-section-tab-title-container .av-inner-tab-title {
    font-size: 12px;
    word-break: break-all;
}
}

I tested this on a 425px screen size, please see the screenshot in the Private Content area, if you have a smaller screen feel free to adjust the values smaller to suit your needs.

Best regards,
Mike

Hi,
Thank you for the link to your site and your patience, you have another open thread about PHP v8 issues and in that thread I believe that I found that your child theme contains out dated theme files causing errors.
I believe this is also related to the same issue because when I tested by enabling the parent theme, I didn’t find the error you posted in this thread.
Please try following the steps that I posted in the other thread and hopefully it will also sort this thread out too.
Thank you for your patience and understanding and for using Enfold.

Best regards,
Mike

Hi,
Thank you for the link to your site and your patience, typically we don’t have any errors with PHP v8, you say that you upgraded from v5.5, that version has been out of date for a long time, so I assume that your Enfold theme was also out of date?
I ask because your child theme has a lot of customized files, so there is a good chance one of those is not v8 ready.
I tried testing by disabling all of your plugins, but then your site crashed because your customizations seem to rely on Advanced Custom Fields & Custom Post Type UI
So I them tested by enabling the parent theme and the “Share This” social media icons and the “You might also like” related posts sections both showed correctly:

So this shows that the theme does work correctly with PHP v8, so I recommend checking your customized child theme files and compare them with the core files in the latest version and update accordingly.

Best regards,
Mike

Hi,
I only see four and none are blank:

Best regards,
Mike

Hi,
Try disabling all of your plugins. If that resolves the issue, reactivate each one individually until you find the conflict.
I see that you are using Elementor, it often causing conflicts, Enfold has it’s own built-in page builder and other page builders like Elementor are not recommended or supported.
So this could be your issue with the date not showing, I’m not sure what Ismael did as the workaround, but for it to show on the Thai language you will probably need to customize the WPML translation page for the Thai language.

Best regards,
Mike

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

.avia_mobile .av-parallax.avia-full-stretch.active-parallax {
	display: none !important;
}
.avia_mobile #top .av-parallax-section {
    transform: none !important;
}

This was disabled because some older iPhones will not display parallax correctly due to a iPhone limitation.
If you have any trouble viewing this on a iPhone then please remove the css and note that this will not work for you.
I have tested this on my test site with a Android device and this works correctly.

Best regards,
Mike

Hi,
Thanks for the staging site I have disabled all of your plugins and child theme and I update your theme to v5.6.9 and the menu items are still not getting the correct class added when the section is scrolled into view.
So I copied your page and menu to my test site and there the menu items do work correctly, I believe that your server has disabled jQuery Migrate and or jQuery, because these options are removed in your theme settings under Change WordPress Defaults:

this is what it should look like:

So please check your wp-config for custom rules or ask your webhost if they have any server side settings.

Best regards,
Mike

Hey Anouk,
Thank you for the link to your site, your settings in the Enfold Theme Options ▸ Advanced Styling for the padding had pushed the arrows outside of the boxes:

I corrected like this:

and now the arrows show inside of the boxes:

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 ausgesonnen,

Thanks for the update, 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,
Do you mean that you are creating a welcome page, or homepage and when you go to your site you can’t see it?
This is because in your theme settings you have not selected a frontpage:

Or do you mean that when you save the page some of your elements disappear, this is because you have added HTML characters to some of your title fields and have made an error:

First please note the red error warning, please don’t do this, and follow the link in the message to our documentation and read: Using special characters
Second the reason your page has the error is because you added a opening strong tag and no closing strong tag, so any missing HTML tags can break the page, please be careful.
I found in a different element you made another error with two opening tags and no closing tags:

So please try to remove all of these broken tags, if you can’t save the page to correct the tags, try deleting these pages and start over with a new page and try the solution in our documentation.

Best regards,
Mike

Hey ausgesonnen,

Thanks for the update, 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,

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,

Thanks for that. First off, could you try updating the theme to the latest version (5.6.9) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update. If you haven’t registered your theme license, then please follow this: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

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,
The page that you linked to becomes a 404 error, so I was not able to examine.
I found a similar situation on your homepage so I will explain from it, on mobile you have the column position set to overlap the top image on your page with this setting:

so there is a space where the height of the column adds to the element that it is in, in this case the color section.
So you could add a negative bottom margin to the column to pull up the next element on mobile:

I did this for you please check.
But please note that you are using parallax animation so the column moves upword as you scroll down so at some point the column will be out of view and the background will show, this is expected with this animation.

Best regards,
Mike

Hey acscreativenew,
Thanks for the link to your site, when I check your column settings for the first row I see that you have selected Same order as defined for desktop,

if you want the image first you should choose Reverse order, I have done this for you.

Now the image is on top, please clear your browser cache and check.
Please see the screenshot in the Private Content area.

Best regards,
Mike

Hey lkerbyson1,
Thank you for the link to your page, I check the backend of your page but I found no shortcodes, I do see this error in the browser console:
jquery.nicescroll.js?ver=6.4.2:3183 Uncaught ReferenceError: jQuery is not defined
typically this occurs when a script calls jQuery before it is loaded, this can occur if a caching plugin or theme settings are forcing jQuery into the footer.
I disabled the theme setting Enfold Theme Options ▸ Performance ▸ Load jQuery in your footer
and added the shortcode [freeusregionshtml5map id="0"] to the page that you linked to and the map shows correctly.
Please check.

Best regards,
Mike

Hey villasanarenteriasimon,
You can try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .mejs-overlay-loading {
  display: none !important;
}

After applying the css, please clear your browser cache and check.
If this doesn’t help please include the url to the page in question so we can take a closer look.

Best regards,
Mike

Hi,
Thank you for the link to your page, I have not seen this error before, but typically the inline css does not cause this. WordPress wraps spaces with the “p” tags automatically, but it should not be wraping the inline css.
You say that it is elusive and sometimes goes away after saving pages or styles or something and it’s only on this page, so to solve only on this page with css try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.page-id-13874 #footer-page > p {
	display: 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