Hey Cleverreisenmitkids,

Thank you for the image.

Could you give us a link to the page where the layout shift occurs? If the width and height attribute of the image are specified, the browser will allocate the appropriate space for it while it is loading and should not cause any layout shifts, and Google will treat it as a stable element. Are you sure that the CLS is cause by the post image?

Best regards,
Ismael

Hi,

This is not something critical and should not affect how the megamenu works or functions. It is related to the following warning message.

// https://github.com/jquery/jquery-migrate/blob/1.x-stable/warnings.md#jqmigrate-jqueryfnattrselected-might-use-property-instead-of-attribute

And since we intend to update the checked attribute of the megamenu checkbox, then that code should work fine.

Best regards,
Ismael

Hey Alexander2021,

Thank you for the inquiry.

1.) We can use this css code to adjust the vertical position of the logo, but this might cause the logo to drop outside the header container. You may need to adjust the height of the header as well.

div .logo {
	top: 10px;
}

2.) The indicators are actually sticking to the very bottom of the header bar, but it does not look like it because there is an extra space or container between the header and the main content, which has the same background color as the header. This space is actually created because of the 88px top padding applied to the main container. To adjust that space, you can use this css code.

.html_header_top.html_header_sticky #main {
	padding-top: 44px !important;
}

Default value is 88px. Again, you may need to adjust the height of the header to make room for the logo adjustment.

Best regards,
Ismael

Hi,

Thank you for the screenshot.

That text is from the title attribute of the image. You could provide a custom title or manually edit the existing value in the Media > Library panel, but if you want to remove it, try to use this css code.

.mfp-title {
	display: none !important;
}

Best regards,
Ismael

Hey acardell887,

Thank you for the inquiry.

You have to set the Enfold > Privacy & Cookies > Cookie Handling > Default Cookie Behavior to the first or second option to allow external scripts or services such as the video background to work on page load, even without cookie consent or without the users accepting the privacy options.

Best regards,
Ismael

Hey Ganubis,

Thank you for the inquiry.

That is possible but you have to modify the includes > related-posts.php file. Look for this code around line 78..

array(
                                'tag__in' => $tag_ids,
                                'post_type' => get_post_type($this_id),
                                'showposts'=>$postcount, 'ignore_sticky_posts'=>1,
                                'orderby'=>'rand',
                                'post__not_in' => array($this_id))
                            );

.. and remove the orderby parameter. This should automatically fetch the posts based on the date they are published.

array(
                                'tag__in' => $tag_ids,
                                'post_type' => get_post_type($this_id),
                                'showposts'=>$postcount, 'ignore_sticky_posts'=>1,
                                'post__not_in' => array($this_id))
                            );

If you want to apply a different value to the orderby and order parameter, please check the following link.

// https://developer.wordpress.org/reference/classes/wp_query/#order-orderby-parameters

Best regards,
Ismael

Hi,

@Guenni007: Thank you for the help. If I am not mistaken, setting the overflowY option to hidden should accomplish the same thing and prevent background scroll, but @Cloudypro should definitely try the suggested script.

@Cloudypro: Please try the suggested script above, see if it helps.

Best regards,
Ismael

Hey Sebastian,

Thank you for the inquiry.

Google treats something as a layout shift when something that is not in DOM or in the document is added to the page dynamically and it moves the existing elements, so it is quite odd that the big-preview container, which is readily available in the document, causes CLS. Unless they treat the shift caused by the image inside the container as the culprit and blame it to the parent container. If that is the case, then applying a minimum height to the featured image container might help.

@media only screen and (min-width: 1024px) {
    .big-preview.single-big {
        min-height: 390px;
    }
}

Did you add any custom elements in the post content or in the entry-content container? It is possible that those elements are causing the layout shifts inside the entry-content container.

Best regards,
Ismael

Hi,

You could set it so that the whole image is visible in the section area, but then again may create spaces around the container or around the background image.

.avia-full-stretch {
	background-size: contain !important;
}

IMO, the section looks good already even if the image is partly cut off or is not fully visible.

Best regards,
Ismael

Hey mbesh,

Thank you for the inquiry.

You should be able to remove or hide the posts category with this css code.

.html_elegant-blog #top .avia-content-slider .blog-categories {
	display: none;
}

Add it in the Quick CSS field, then toggle or temporarily disable the Performance > File Compression settings.

Best regards,
Ismael

Hi,

@ancrerouge: We are not yet sure why the Product Grid element is not displaying in that page but we found out that there are two copies of Enfold in the theme directory. Please remove the 4.7.3 version and leave the latest one. If possible, please remove the credentials that you provided in the private field because OP will be able to see it, then create a new thread and post the site details there instead.

@Pas7o: We tried to login to the site using the login account but it seems to be invalid. Please check it carefully or provide another account so that we could check the issue properly.

@nbfc: Thanks for helping out! :)

Best regards,
Ismael

Hey!

Thank you for the update.

We got the same result when we checked the site again today. The analytic script loads and the tracker as usual happily collects data from me and from the site. Check the screenshot below, which is basically the same as the first, but please check the date.

Screenshot: https://imgur.com/a/C3lqpEq

Best regards,
Ismael

Hey matbcn,

Thank you for the inquiry.

How did you add the contact form? Is it the contact form element from the theme? Please post the site or page URL containing the popup so that we could properly inspect it.

Best regards,
Ismael

Hi,

Thank you for the info.

Try to use this css code to allow the year picker to float beside the other picker.

.ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
	float: left;
}

Best regards,
Ismael

Hi,

1.) Yes, that should be possible. Please add this css code to adjust the font size and style of the pagination.

#top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a {
	float: left;
	height: 45px;
	width: 45px;
	line-height: 45px;
	text-align: center;
	padding: 0;
	border-radius: 100px;
	margin-right: 3px;
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2);
	font-size: 20px;
}

2.) That will require modifications that are beyond the scope of support, unfortunately. You might have to hire a freelance developer or contact our partner, Codeable.

3.) Try to add this css code in the css media query above to move the search icon, cart icon and mobile menu further to the right.

.responsive #top #menu-item-shop.cart_dropdown {
	position: relative;
	margin-left: -90px;
	right: -50px !important;
}

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael