Hey Tanja,

Thank you for the inquiry.

The video seemed to be loading quickly when we checked. The delay is quite normal since the video needs to buffer some content before it can play. Unfortunately, we don’t have direct control over this, as it depends primarily on Vimeo and network conditions, as well as the viewer’s device and browser. You could try optimizing the page further so that other resources load as quickly as possible, which should slightly improve the overall experience.

— https://gtmetrix.com/wordpress-optimization-guide.html
— https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow

Best regards,
Ismael

Hi,

@Jason: You have probably enabled the Top Header before. If you really need to keep the left sidebar or header and still include a search field on the page for mobile view, you can try adding a Search element from the Advanced Layout Builder.

Please open another thread if you have more questions.

Best regards,
Ismael

Hi,

Thank you for the update.

The read more link is no longer required since the full content is already visible. If you want to keep the link, remove this css rule.

.avia-fold-unfold-section .av-fold-button-wrapper {
    display: none;
  }

Best regards,
Ismael

Hey Angelo,

Thank you for the inquiry.

Please add this css code to adjust the alignment of the logo on all screen sizes.

.logo, .logo a {
    display: flex;
    align-items: center;
}

.logo img.alternate, .logo .subtext.avia-svg-logo-sub svg {
    position: relative;
}

.logo .subtext.avia-standard-logo-sub {
    display: flex;
    align-items: center;
    height: 100%;
    width: 170px;
    position: absolute;
}

Best regards,
Ismael

Hi,

Thank you for the update.

We may need to log in to the site to properly check the issue. Please provide the login details in the private field.

Best regards,
Ismael

Hi,

You need to remove this css code if you want the featured image to resize automatically based on screen size. This rule sets a minimum height of 630px for the image, preventing it from shrinking while resizing the window. It does preserve the aspect ratio using object-fit: cover.

#top.single-post .fullsize .template-blog .big-preview img {
    width: 1200px;
    min-height: 630px;
    object-fit: cover;
}

Best regards,
Ismael

Hi,

You can add the script to the child theme’s functions.php file.

Best regards,
Ismael

Hey milkrow,

Thank you for the inquiry.

Instead of editing the template, try adding this filter to the functions.php file:

function avf_avia_post_grid_query_mod( $query, $params ) {
	if ( is_tax( 'portfolio_entries' ) ) {
		$query['posts_per_page'] = 18;
	}

	return $query;
}
add_filter( 'avia_post_grid_query', 'avf_avia_post_grid_query_mod', 10, 2 );

Let us know the result.

Best regards,
Ismael

Hi,

Thank you for the info.

We tried logging in, but the user account provided above does not exist. Please create a test page and provide valid login credentials so that we can check the modification.

Best regards,
Ismael

Hi,

Thank you for the update.

Try adding this css code to remove the black bars and extend the video so that it goes underneath the header.

#top .av-video-slide embed, #top .av-video-slide iframe, #top .av-video-slide object, #top .av-video-slide video {
    object-fit: cover;
}

Best regards,
Ismael

Hi,

Thank you for the screenshots.

We can’t reproduce the same issue on our installation. We tried selecting a filter, but the images remained the same. We even tried resetting the sorting and then selecting another filter, but the images still look the same. Which browser are you testing this with?

Best regards,
Ismael

Hey Jables,

Thank you for the inquiry.

This layout is not available by default, but you can try using the Blog Posts element. Set Content > Select Entries > Blog Style to Single author, big preview pic, then add the following css code to place the featured image beside the post content.

.av-alb-blogposts {}

.av-alb-blogposts .post-entry {
    display: flex;
}

.entry-content-wrapper .big-preview.single-big {
    min-width: 30%;
}

.av-alb-blogposts .big-preview.single-big a {
    height: 100%;
}

.av-alb-blogposts .big-preview.single-big a img {
    object-fit: cover;
    height: 100%;
    max-height: 300px;
}

Best regards,
Ismael

Hey lara666,

Thank you for the inquiry.

The video is displaying correctly on our end. Have you tried using a different browser or computer?

Best regards,
Ismael

Hi,

Thank you for the inquiry.

The images are now visible, but they’ve changed from square to rectangular. If you refresh the page, they appear square again.

The images in the portfolio grid still look square when we checked. This is how the grid looks on our end:

Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, ImgBB, PostImages or Dropbox to upload and share the screenshot. Here are the steps to follow:

1.) Visit the website of your chosen platform, such as Savvyify, ImgBB, PostImages or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

Best regards,
Ismael

Hey svweb,

Thank you for the inquiry.

Did you add this css code? It shifts the main container upward, causing it to overlap with the header.

#main {
    margin-top: -150px!important;
}

This is how it should look normally without the css modification.

Try to replace it with this css code:

@media only screen and (min-width: 768px) {

  /* Add your Desktop Styles here */
  #main {
      margin-top: -150px!important;
  }
}

Best regards,
Ismael