Hi,

Thank you for the update.

Did you add the css code as is? You have to modify it a bit to target the appropriate element.

Example:

#top .av_header_transparency #header_meta {
    padding-top: 20px;
    border-bottom: 0;
}

#top #wrap_all .av_header_transparency .sub_menu > ul #menu-item-21 a {
    border: 2px solid #ffffff;
    border-radius: 2px;
    padding: 9px;
}

View post on imgur.com

Best regards,
Ismael

Hey Antonio,

Thank you for the inquiry.

The button-style will get applied for the items in the main menu, not for secondary menu items. You may need to manually apply the styles to secondary menu items using the Quick CSS field.

These are the css rules for the bordered menu item, which can be adjusted based on your requirements.

#top .av-menu-button > a .avia-menu-text {
    border: 2px solid;
    border-radius: 2px;
}

#top .av-menu-button > a .avia-menu-text {
    padding: 9px;
}

Best regards,
Ismael

Hey steviger,

Thank you for the inquiry.

You may need to adjust the background-position and right padding a bit. Please try this css code:

.av_searchform_wrapper {
    border: #2c7d95 1px solid!important;
    border-radius: 40px!important;
    background-image: url('https://www.steviger.nl/wp-content/uploads/2025/07/vergrootglas.webp');
    background-repeat: no-repeat;
    background-position: right 20px center;
    padding-right: 50px;
}

To disable the ajax response container, include this:

#top .ajax_search_response {
    display: none !important;
}

View post on imgur.com

Best regards,
Ismael

Hey Kevin,

The update to 7.1.1 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

• This reply was modified 8 months, 2 weeks ago by Rikard.

Hi,

Thank you for the screenshot. You could try applying a minimum height to the grid content to keep them aligned and eliminate the blank space.

#top .grid-content {
    min-height: 124px;
}

Adjust the min-height value as needed.

Best regards,
Ismael

Hey cnpetr,

Thank you for the inquiry.

Unfortunately, it’s not possible to move the widget inside the burger menu. You may need to create a dedicated menu item for the “Request a Consultation” button in the main menu, hide it on desktop, and display it only on mobile view using css.

Best regards,
Ismael

Hi,

Thank you for the info.

We edited the Quick CSS field and adjusted the selector in the css rule. Please purge the cache before checking.

#top #wrap_all .main_color .button, .main_color #submit, #top #wrap_all .contact-form :is([type=submit], button:not([type=reset]))

View post on imgur.com

Best regards,
Ismael

Hi,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor, If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

and ensure that it is activated, then add the bellow code and save.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

function custom_script() { ?>
  <script>
  document.addEventListener("DOMContentLoaded", function () {
  const termDescription = document.querySelector(".archive .term-description");
  const productsGrid = document.querySelector(".archive .products.columns-3");

  if (termDescription && productsGrid && productsGrid.parentNode) {
    productsGrid.parentNode.insertBefore(termDescription, productsGrid.nextSibling);
  }
});
</script>
  <?php
}
add_action( 'wp_footer', 'custom_script', 99 );

Sorry, I don’t read your language in the screenshot, now that I can translate your live page it does make sense. :)

Best regards,
Mike

Hi,
Perhaps this will be easier, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor, If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

and ensure that it is activated, then add the below code and save.

function custom_menu_by_page_name($args) {
    // Only modify the main header menu
    if ($args['theme_location'] != 'avia') {
        return $args;
    }

    // Get current page object
    if (is_page()) {
        global $post;
        $page_slug = $post->post_name;

        // Map of page slugs to custom menu names
        $menu_switches = array(
            'about-us'     => 'rick-sherman',
            'faq'     	   => 'rick-sherman',
            'contact'      => 'sherman-sound',
            'help'         => 'sherman-sound',
            // Add more as needed
        );

        // Check if the current page slug is in our list
        if (array_key_exists($page_slug, $menu_switches)) {
            $menu_name = $menu_switches[$page_slug];
            $menu_obj = wp_get_nav_menu_object($menu_name);

            if ($menu_obj) {
                $args['menu'] = $menu_obj->term_id;
            }
        }
    }

    return $args;
}
add_filter('wp_nav_menu_args', 'custom_menu_by_page_name');

in the code under $menu_switches = array( you see four page names with the menu name, such as:
'about-us' => 'rick-sherman',
change the page “slugs” or names to suit and the menu names, whatever pages or posts that you don’t add to the code will use your default menu.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hey tonyiatridis,

Thanks for the inquiry.

You can use this css code to display the post navigation on mobile view:

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

  /* Add your Mobile Styles here */
  .responsive #top .avia-post-nav {
    display: block;
  }
}

Make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings and purge the cache.

Let us know the result.

Best regards,
Ismael

Hey GWS,

Thank you for the inquiry.

You can add this css code to move the donate button below the logo on mobile view.

@media screen and (max-width: 768px) {
  .header_main {
    display: flex;
    flex-direction: column;
  }

  .widget_text {
    order: 2;
  }

  .av-logo-container {
    order: 1;
  }

  .header_main_alternate {
    order: 3;
  }

  #header_main #custom_html-22 {
    margin-top: 0 !important;
    padding: 10px 0;
   }
}

View post on imgur.com

Best regards,
Ismael

Hi,
I assume that this is a new customization that you want to achieve, and not one that you have in the theme now.
Try this solution

Best regards,
Mike