Hey limedrop,

Thank you for the inquiry.

Try to adjust the z-index of the cell containing the blue box.

.responsive #top #wrap_all .flex_cell.av-3rcobvm-8d18db703327afb5e34a99a6bcf02d44 {
    z-index: 999;
    position: relative;
    overflow: visible;
}

Best regards,
Ismael

Hi,

Thanks for the update.

Try to adjust the values in this css code:

.page-id-516 li#menu-item-508 .avia-menu-text::after, .page-id-536 li#menu-item-508 .avia-menu-text::after, .page-id-553 li#menu-item-508 .avia-menu-text::after, .page-id-555 li#menu-item-508 .avia-menu-text::after {
    top: 32px;
    height: 2px;
    min-width: 167px;
    left: -10px;
    bottom: -9px;
}

Best regards,
Ismael

Hi,

Thank you for the links.

We added this code to the Quick CSS field.

#top .woocommerce-order-details .order-again {
    display: none !important;
}

Best regards,
Ismael

Hey Tina,
Try this css:

@media only screen and (max-width: 767.5px) {
.responsive #top #header_main .logo img {
    height: 80px !important;
    max-height: 80px !important;
}
}

After applying please clear your browser cache and check.

Best regards,
Mike

Hey jaimemerz,
For mobile, this css will make your buger menu white before scroll and black when the menu opens, then gray after scroll and gray when open. It will also show your white logo befor scroll, and the black one after scroll. It will also change the special heading line height so it is not behind the burger menu & logo.

@media only screen and (max-width: 479px) {
    #top #wrap_all .av-special-heading.av-mayes0t2-0bf965b2b1bd5112e17bb591eb31930e .av-special-heading-tag {
        line-height: 35px;
    }
    #top .av_header_transparency .av-hamburger-inner,#top .av_header_transparency .av-hamburger-inner::before, #top .av_header_transparency .av-hamburger-inner::after {
  background-color: #fff !important; 
  }
  #top .av_header_transparency .is-active .av-hamburger-inner,#top .av_header_transparency .is-active .av-hamburger-inner::before, #top .av_header_transparency .is-active .av-hamburger-inner::after {
  background-color: #000 !important; 
  }
  .responsive.html_mobile_menu_tablet #top .av_header_transparency .logo img.alternate {
  	display: block !important;
  }
  .responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > img {
  	opacity: 0 !important;
  }
}

After applying the css, clear your browser cache & check.

Best regards,
Mike

Hey ehcarlson,

The update to 7.1.2 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

Hey Celeste,

I see that you are running an old version of the theme, could you try to update to the latest version (7.1.2) to see if that helps please? The update to 7.1.2 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

Hey Kern,

Thanks for reaching out to us. We cannot say if you will have problems after updating to the latest version, since we don’t know what has been added to your child theme. I would suggest that you update the parent first of all, then try to activate the child after to see what happens.

The update to 7.1.2 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

Hey Diana,

Thank you for the inquiry.

We tried logging in, but the credentials above are incorrect. Please try adding this script to the functions.php file to adjust the scroll position on hash change.

add_action('wp_footer', function () {
    ?>
    <script>
      window.addEventListener('hashchange', function () {
        setTimeout(function () {
          const hash = window.location.hash;
          if (!hash) return;

          const target = document.querySelector(hash);
          if (!target) return;

          const elementPosition = target.getBoundingClientRect().top + window.pageYOffset;
          const offset = 100;

          window.scrollTo({
            top: elementPosition - offset,
            behavior: 'smooth'
          });
        }, 300);
      });
    </script>
    <?php
, 9999);

Best regards,
Ismael

Hi,

Thank you for the update.

Looks like you have successfully removed the category from the sidebar filter. For the banner, you can duplicate the ava_custom_add_shipping_text_script function in your functions.php file and customize it for each category as needed.

function ava_custom_add_shipping_text_script_category() {
    if ( is_product_category( array( 'apparel', 'bong' ) ) ) {
        ?>
        <script>
            (function ($) {
                $(document).ready(function () {
                    var newContainer = $('<div class="av-custom-shipping-container"><p>Free Shipping (USA) - Orders $35+<br><p><font size="6px">International Shipping Available - All Pieces Dab Compatible</font></p></div>');
                    $('#av_product_description .container').after(newContainer);
                });
            }(jQuery));
        </script>
        <?php
    }
}
add_action('wp_footer', 'ava_custom_add_shipping_text_script_category', 99);

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hey Gregory Beylerian,

Please continue here: https://kriesi.at/support/topic/to-purchase-support/

Best regards,
Ismael

Hi,
The Read More tag will only work in the WP editor, not in the ALB, the ALB was intended for pages.
To add a slider to the top of a WP editor post, in the Block Editor, click on the “Classic” block above your post:

then click on the Shortcode Wand Tool to show the elements and choose the slider:

you will be prompted with the element builder, when you save you will see the shortcode:

Then save the post, on the frontend the slider will show below the featured image:

and on the blog page with the Blog Posts element:

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey Antonio,

Thank you for the inquiry.

You can try setting the map’s height for different screen sizes using css media queries.

Example:

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

  /* Add your Mobile Styles here */
  #top .av-2x5yv-2e4c878dbdd4546c1985e0573793e047 .av_gmaps_sc_main_wrap .avia-google-map-container {
    height: 700px !important;
  }
}

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

  /* Add your Mobile Styles here */
  #top .av-2x5yv-2e4c878dbdd4546c1985e0573793e047 .av_gmaps_sc_main_wrap .avia-google-map-container {
    height: 655px !important;
  }
}

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

  /* Add your Mobile Styles here */
  #top .av-2x5yv-2e4c878dbdd4546c1985e0573793e047 .av_gmaps_sc_main_wrap .avia-google-map-container {
    height: 455px !important;
  }
}

Best regards,
Ismael

Hi,

We are only able to reproduce this issue when the screen width is around 782px, which is not a standard resolution for mobile devices, so it’s not something to be overly concerned about. If you’d still like to address it, consider reducing the font size of the button, then set the max-width to 100%.

@media only screen and (max-width: 989px) {
  .responsive #top #custom_html-2 button {
    font-size: 13px;
    word-break: keep-all;
    max-width: 100%;
    text-align: center;
  }
}

Best regards,
Ismael