Hi,

Unfortunately, the Page Content element is limited to displaying content from either a Page or a Portfolio Item. You will need to select one of these options. If you require additional functionality for the element beyond its default capabilities, such as displaying content from other sources or customizing its behavior, you may need to consider hiring a freelance developer or reaching out to our partner, Codeable.

A freelance developer can help customize the Page Content element to meet your specific requirements and integrate it with other sources of content if necessary. Codeable is a platform that connects users with experienced WordPress developers who can provide tailored solutions for your needs.

Feel free to explore these options to extend the functionality of the Page Content element. If you have any further questions or need assistance, please don’t hesitate to ask.

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

Best regards,
Ismael

Hi,

You’re welcome, Sven! We are glad you found the idea of using the page ID helpful. If you have any more questions or need further assistance, feel free to ask in a different thread.

Have a nice day.

Best regards,
Ismael

Hey Woutski,

Thank you for the inquiry.

Are you trying to remove the right border of the gallery? Adding the following css code should do the trick.

#top div .avia-gallery .avia-gallery-big {
    border-right: 0;
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hey menainfosec,

Thank you for the inquiry.

You may need to disable the cookie consent messages option in the Enfold > Privacy & Cookies > Cookie Handling tab. Look for the Enable cookie consent messages settings, then set it to the first option. Let us know if this helps.

Best regards,
Ismael

Hey Pascal,

Thank you for the inquiry.

The CSS code provided below should reposition the logo in the center, the menu to the left, and the cart icon to the right of the header container:

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

  /* Add your Mobile Styles here */
  .responsive #top .logo {
    width: 100%;
    text-align: center;
  }

  .responsive .logo img,
  .responsive .logo svg {
    margin: 0 auto;
  }

  .responsive #top #wrap_all .main_menu {
    width: 100%;
  }

  .responsive #top #menu-item-shop.cart_dropdown {
    margin-left: 0;
    right: 0;
    position: absolute;
  }
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

Best regards,
Ismael

Hey Beth,

Thank you for the inquiry.

You can use this css code to disable the sidebar on tablet view.

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

  .responsive #top .container .av-content-small,
  .responsive #top #wrap_all .flex_column,
  .responsive #top #wrap_all .av-flex-cells .no_margin {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
  }

  .responsive #top #main .sidebar.smartphones_sidebar_active {
    display: none;
  }
}

And if you want to keep the sidebar on smaller screens, go to the Enfold > Sidebar Settings panel and enable the Sidebar on Smartphones option.

Best regards,
Ismael

Hi,

Thank you for the update.

2.) Adding this css rule should adjust the margin between the submenu items on mobile view.

.av-main-nav-wrap ul {
    margin-top: 0;
}

The top margin is currently set to -20px, pulling the submenu items upward.

Best regards,
Ismael

Hey menainfosec,

Thank you for the inquiry.

You should be able to register and enqueue custom stylesheets without affecting the theme, as long as they don’t contain CSS rules that conflict with existing styles. To register a new stylesheet, you can use the following function:

// https://developer.wordpress.org/reference/functions/wp_enqueue_style/

By following this approach, you can maintain a separate stylesheet for your custom styles without interfering with the existing theme styles, as long as there are no conflicting CSS rules.

Remember to place this code in your theme’s functions.php file or within a custom plugin to ensure it is properly executed.

If you encounter any issues or conflicts, please review your custom stylesheet and ensure there are no conflicting CSS rules. It’s good practice to use unique and specific class names or IDs to avoid clashes with the theme’s styles.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

You may need to add this filter in the functions.php file to re-enable ALB support for the custom post type.

function avf_alb_supported_post_types_mod( array $supported_post_types )
{
  $supported_post_types[] = 'arbeiten';
  return $supported_post_types;
}
add_filter('avf_alb_supported_post_types', 'avf_alb_supported_post_types_mod', 10, 1);

Make sure to replace “arbeiten” with the actual name or slug of the custom post type.

Have you tried using a different browser when searching in the forum? We will forward the issue to our channel.

Best regards,
Ismael

Hi,

Great! Glad to know that the issue has been resolved. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

The portfolio grid crops them out and shows them rectangular. Images are 500×500 px

The Portfolio Grid element, by default, uses a thumbnail that is not square, but you can adjust this in the element’s Styling > Grid Settings > Portfolio Grid Image Size settings. Select the second option and choose the thumbnail size you prefer. The default size is 495x400px.

Best regards,
Ismael

Hey Stilecatalini,

Thank you for the inquiry.

Try to replace the css rule for the header blur effect with the following css code.

#top #header .header_bg {
  background-color: rgba(20, 21, 23, 0.3);
  backdrop-filter: blur(8px);
}

#top #header.av_header_transparency .header_bg {
  backdrop-filter: none;
}

This code should disable the blur effect when the page is not scrolled or when the header is still transparent.

Best regards,
Ismael

Hey ae2agence44,

Thank you for the inquiry.

You can add this script in the functions.php file to automatically open the AJAX search on page load.

// custom scripts
function ava_custom_script_script()
{
    ?>
    <script type="text/javascript">
        (function($) {
            // open search bar on load
            $(document).ready(function() {
                $('#top #menu-item-search a').trigger('click');
            });
        })(jQuery);
    </script>
    <?php
}
add_action( 'wp_footer', 'ava_custom_script_script', 9999 );

Please make sure to purge the cache and do a hard refresh before testing.

Best regards,
Ismael

Hi,

Thank you for the short clip.

To fix the issue temporarily, please try to edit the themes/enfold/config-templatebuilder/avia-template-builder/assets/js/avia-builder.js file and look for this code around line 1640.

if( typeof editor != "undefined" )

Replace it with:

if( typeof editor != "undefined" || typeof editor != null )

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after doing the modification.

Best regards,
Ismael

Hey lepitch33,

Thank you for the inquiry.

We may need to inspect the site in order to understand the issue better. Please provide the site details in the private including an admin account so that we can check the settings. Screenshots from imgur, savvyify or dropbox will also help.

Best regards,
Ismael