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

Hi,

We added this code in the Quick CSS field:

 .responsive #top #wrap_all #main .products .product {
    width: 100% !important;
}

And removed this from the Appearance > Customize > Custom CSS field:

  .responsive #top #wrap_all #main .products .product {
    width: 48% !important;
  }

Best regards,
Ismael

Hey JeffDale,

Thank you for the inquiry.

There is no option for this by default, but you can add this css code to adjust the width of the main image and move it to the right, effectively creating space for the thumbnails.

#top div .avia-gallery .avia-gallery-big {
    float: right;
    width: 50%;
}

Result:

View post on imgur.com

Best regards,
Ismael

Hi,

Thank you for the info.

We enabled the Mega Menu option for the Stage Sportif menu item. Regarding the top menu, it behaves like that because it is still essentially a link pointing to an empty anchor. If you want to completely disable it, you can add this css code.

#top #menu-item-1302 a {
    pointer-events: none;
}

Best regards,
Ismael

Hi,

Please try to use the following css code, toggle or temporarily disable the Enfold > Performance > File Compression settings and make sure to purge the cache.

#top #header .av-main-nav {
    right: -10px;
}

Best regards,
Ismael

Hi,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

  function custom_script() { ?>
  <script>
  (function($){
    $('#top.archive .main-title.entry-title a').each(function() {
      var text = $(this).text();
      $(this).text(text.replace('Archiv für: ', '')); 
  });
  })(jQuery);
  </script>
  <?php
}
add_action( 'wp_footer', 'custom_script', 99 );

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 990px) {
.av-logo-container {
  height: 300px !important;
}

.html_header_sticky #top .main_menu ul:first-child > li a {
  line-height: 0 !important;
}
}

Best regards,
Rikard

Hi,

You can try to override it using the snippet I posted above then. The padding-top statement adds padding to the element in question. Try increasing it by 200 or 300 pixels for example.

Best regards,
Rikard

Hey rvga,

Please try the following in Quick CSS under Enfold->General Styling:

.title_container .breadcrumb {
  margin-top: -21px;
}

Best regards,
Rikard

Hi,

Thank you for the update.

We added this css code to center align the reviews/rating container:

#top .entry-summary .woocommerce-product-rating {
    display: flex;
    justify-content: center;
}

Best regards,
Ismael

Hey Aubin,

Thank you for the inquiry.

Are you referring to this thread? https://kriesi.at/support/topic/mobile-screen-result/

What do you mean by “test Is too small”? Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot.

Best regards,
Ismael

Hi,

Thank you for the update.

Can I add multiple child numbers to the colors? I think I’ll create about 30 entries.

Yes, you can assign the background color to multiple entries. Example:

#top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(4) .av-inner-masonry-content,
#top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(12) .av-inner-masonry-content,
#top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(16) .av-inner-masonry-content,
#top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(20) .av-inner-masonry-content,
#top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(25) .av-inner-masonry-content {
  background: rgba(67, 20, 255, 0.95);
}

#top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(5) .av-inner-masonry-content,
#top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(13) .av-inner-masonry-content,
#top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(17) .av-inner-masonry-content,
#top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(21) .av-inner-masonry-content,
#top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(26) .av-inner-masonry-content {
  background: rgba(32, 192, 90, 0.95);
}

Is there a way to show a description in addition to the title?

Are you using the Advanced Layout Builder to build the posts? If you are, you will need to create an excerpt using the post’s Excerpt box.

Best regards,
Ismael

Hi,

Try to replace the css rule with this:

.responsive #top .avia-slideshow-inner, .responsive #top .avia-slideshow-inner img {
    height: 550px !important;
    object-fit: cover;
}

This will partially cut off the images but will prevent them from getting distorted.

Best regards,
Ismael

Hi,
I can not reproduce this on my demo site, and your site seems to have the search icon disabled. One other user had the search icon with a z-index of “-1”
perhaps this is also your issue, this css seems to help:

#top .menu-item-search-dropdown > a.avia-svg-icon svg:first-child, #top .menu-item-search-dropdown > a.avia-svg-icon img[is-svg-img="true"] {
    z-index: 1;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey renita01,
I can not reproduce this on my demo site, but your two sites have the search icon with a z-index of “-1”
this css seems to help:

#top .menu-item-search-dropdown > a.avia-svg-icon svg:first-child, #top .menu-item-search-dropdown > a.avia-svg-icon img[is-svg-img="true"] {
    z-index: 1;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Matt,
This seems to be a duplicate thread that we answered, thinkjarvis also points out that

on sites where bots have alreaedy hit and created a sitemap for them to crawl – They will continue to try and crawl those links because they already know they exist.
On new Enfold sites where Bots can no longer crawl the links – All is fine because there is no way for them to access the filter urls in the first place, therefore do not know the links exist.

The Dev Team writes:
On shop overview page the dropdowns for sort by and display do not have a href=” but only a data-href and link is done by js.
When I check my install there is no link:

Best regards,
Mike

Hey ausgesonnen,
Mobile devices don’t have a “hover” color, only desktop devices do.

Best regards,
Mike