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

Hi,

Thank you for the info.

Did you add the script to the functions.php file? The Appearance > Theme File Editor was not accessible when we checked the dashboard. Please make sure the file editor is enabled so we can test the modification.

Best regards,
Ismael

Hi,

You’re quite welcome! Please feel free to open another thread if you have more questions.

Have a nice day.

Best regards,
Ismael

Hey Christian,

Thank you for the inquiry.

The Column elements have animation settings that can be enabled in the Advanced > Column Animation panel. You can also use the Layer Slider for more advanced layering and effects. Please check the screenshot below.

If you need help implementing the animation library, please check this link.

— https://kriesi.at/contact/customization

Best regards,
Ismael

Hi,

Thank you for the inquiry.

You can try this css code to force the mobile menu to display on tablet view and smaller screens.

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

  /* Add your Mobile Styles here */
  .responsive #top .av-main-nav .menu-item-avia-special {
    display: block;
  }

  .responsive #top .av-main-nav .menu-item {
    display: none;
  }
}

Let us know the result.

Best regards,
Ismael

Hi,

Thank you for the update.

Glad to know that you’ve found the issue. We can confirm that the text fields are now working properly.

Best regards,
Ismael

Hi,

Thank you for the update.

We added the following code in the Code Snippets plugin, which fixed the map display issue in the directory listing. Please note that this will completely display the map API from the theme.

function ava_disable_gmap() {
    add_filter('avf_load_google_map_api', '__return_false', 10);
    add_filter('avia_google_maps_widget_load_api', '__return_false', 10);
}

add_action('admin_init', 'ava_disable_gmap');

add_filter("avf_skip_enqueue_scripts_backend_gmaps", function($skip) {
   return "skip_loading";
}, 10, 1);

add_filter("avf_load_google_map_api_prohibited", function($prohibit) {
   return true;
}, 10, 1);

Best regards,
Ismael

Hey rixi,

Thank you for the inquiry.

You can try this code in the Quick CSS field to make the header fixed and move the first section below it.

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all #header {
    position: fixed;
  }

  #top #wrap_all .header_color.av_header_transparency+#main>div.av-1a7rg49-0361ab150500a4dbf4236ca5f8b54140 {
    padding-top: 90px;
  }
}

Best regards,
Ismael

Hey milkrow,

Thank you for the inquiry.

Try to add this script in the function.php file to correct the overlay issue:

add_action( 'wp_footer', function() { ?>
  <script type="text/javascript">
    (function($) {
      $('.grid-image').trigger('mouseover');
    })(jQuery);
  </script>
<?php }, 9999 );

Best regards,
Ismael

Hey Jason,

Thank you for the inquiry.

We not unable to reproduce the issue on our own installation, so it’s likely caused by a plugin or a custom script. Have you tried disabling all plugins temporarily? Please clone the site to a staging environment, disable all plugins, and then activate them one by one to identify the culprit.

Let us know the result.

Best regards,
Ismael

Hi,

Thank you for the update.

We tried temporarily adding a text block to the portfolio, then clicked Preview, and the text element immediately displayed on the frontend without saving the page. How can we reproduce the issue with the page preview?

Best regards,
Ismael