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

Hey AmyEdwards,

Thank you for the inquiry.

You can add the following css code to display the account and search icons on mobile view, but you’ll need additional style adjustments for the search field since you’re using a custom search option. We recommend reaching out to the script or plugin authors for additional assistance.

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

  /* Add your Mobile Styles here */

  #top #header .av-main-nav>#menu-item-wc-account-icon {
    display: block !important;
  }

  #top #header .av-main-nav>.menu-item.menu-item-search-dropdown {
    display: block !important;
  }
}

Best regards,
Ismael

Hey John,

Thank you for the inquiry.

Have you tried adding br tags between the lines or words?

Example:

Hello <br /> There

Let us now if you need more info.

Best regards,
Ismael

Hi,

Thank you for the update.

Sorry, but this will require significant modifications to the theme. You will need to either find a third-party plugin or hire someone to implement these features for you. Thank you for your understanding.

Best regards,
Ismael