Hi TheHelioFilm,

Try to edit the Tab Section, then go to Height > Content height and set it to Auto adjust to content.
Hope this helps.

Best regards,
Nikko

Hi Nathan Fromstein,

Thanks for contacting us!
And yes, you will need to repurchase Enfold again so you can update Enfold on your live site.

The current version you are using is still using the old API (username and API key) which envato has already deprecated therefore you can’t update it with the usual method.
You can do the following process instead:

First make a backup:
– Site Backup: https://kriesi.at/documentation/enfold/backup-wordpress-site/
– Theme Settings Backup: https://kriesi.at/documentation/enfold/backup-theme-settings/

Option 1: Use Envato Market to update your site
– link: https://envato.com/market-plugin/

Option 2: Update manually
1. Login to ThemeForest and download the Enfold theme, right-click over the downloaded zip file and extract/unzip it.
2. It should generate a new folder, open it and look for the enfold folder
3. Right-click the enfold folder then zip it, here’s a tutorial on how to create a zip file in windows: https://www.howtogeek.com/668409/how-to-zip-and-unzip-files-on-windows-10/ (this should create enfold.zip
4. Log in to WordPress as and Admin.
5. Install and activate a maintenance plugin and put your site in Maintenance mode.
6. Go to Appearance > Themes, switch to a default WordPress theme like TwentyTwenty then delete Enfold.
7. Click on the ADD NEW button.
8. Click on the UPLOAD THEME button.
9. Click BROWSE and choose enfold.zip file
10. Click the INSTALL NOW button and switch to Enfold or your child theme.
11. Remove the maintenance mode then deactivate and remove the maintenance plugin.

Then register the theme by following the instructions in https://kriesi.at/documentation/enfold/theme-registration/
Once this is done, the next time you update, you’ll only need to go to Enfold > Theme Updates and click on the Update button.

Hope it helps.

Best regards,
Nikko

Hi jasonlthornton,

Please try to use this CSS code (I just added few things on top of Rikard’s code):

@media only screen and (max-width: 767px) {
  .html_header_transparency #top .avia-builder-el-0 .container, 
  .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
    padding-top: 10px;
  }

  #top .avia-fullwidth-slider .avia-slideshow-inner {
    min-height: 240px;
  }

  #top .avia-fullwidth-slider .avia-slideshow-inner img {
    min-height: 240px;
    height: 240px;
    width: auto;
    max-width: none;
  }
}

Hope it helps.

Best regards,
Nikko

Hi Laura,

I’m not really sure what’s happening on your site since I could not reproduce it on my end, debugging your site might cause some issues with your site visitors.
Can you try to create a staging site? So we can debug further without affecting your live site.
You can check this tutorial on how to create a staging site: https://wpengine.com/resources/what-is-a-staging-site-why-have-one/#How_to_Create_a_Staging_Site_for_WordPress

Best regards,
Nikko

Hi Laura,

Thanks for giving us admin access.
I could not reproduce the same issues on my end but for some reason the shortcodes are appearing on Masonry, to fix this, I changed the setting in Masonry to show only the title and not the excerpt which fixes the problem in the frontend, please review your site.

Best regards,
Nikko

Hi DianaLoola73,

We’re happy to hear that :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi Xiscoj,

I’m glad that Ismael could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi solidt,

I’m glad that you managed to find the cause of the issue :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi elenapoliti,

I see :has does not have support for firefox, you can check it here: https://caniuse.com/?search=%3Ahas
I have added a javascript code to your functions.php to add a class on paragraphs that has images:

function has_image(){
  ?>
  <script>
    (function() {
      var container = document.querySelector('#top .search-filter-results');

      if (container) {
        var paragraphs = container.querySelectorAll('p');

        for (var i = 0; i < paragraphs.length; i++) {
          var paragraph = paragraphs[i];

          if (paragraph.querySelector('img')) {
            paragraph.classList.add('has-image');
          }
        }
      }
    })();
  </script>
  <?php
}

add_action('wp_footer', 'has_image');

and added this CSS code:

#top #search-filter-results-4746 > div:not(.pagination) p.has-image {
    display: block;
}

Please review the page.

Best regards,
Nikko

Hi lfs360,

Just adjust height and max-height value in Rikard’s code.
Hope it helps.

Best regards,
Nikko

Hi device-edv,

Yes, you are correct.
Please let us know if you still need further assistance regarding this topic.

Best regards,
Nikko

Hi IconicD,

We’re glad that we could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi elenapoliti,

I have created a new test page based on the link you gave (link in private content), I also duplicated the search filter and pointed it to the new page.
I added this CSS Code to adjust the style (in Enfold > General Styling > Quick CSS):

#top #search-filter-results-4746 hr,
#top #search-filter-results-4746 > div:not(.pagination) p {
    display: none;
}

#top #search-filter-results-4746 > div:not(.pagination) {
    width: 50%;
    float: left;
    box-sizing: border-box;
    background-color: white;
    border: 0.5px solid #ececec;
    display: flex;
    flex-direction: column-reverse;
    min-height: 470px;
}

#top #search-filter-results-4746 > div:not(.pagination) h2 {
    background-color: black;
    color: white;
    font-family: 'neutratext-book', Helvetica, Arial, sans-serif!important;
    font-size: 18px !important;
    margin: 0;
    padding: 20px;
    text-transform: none;
    min-height: 80px;
}

#top #search-filter-results-4746 div:not(.pagination) p:has(img) {
    display: block;
}

#top #search-filter-results-4746 > hr:nth-last-child(3) {
    display: block;
    margin-bottom: 20px;
}

#top #search-filter-results-4746 > .pagination {
    padding-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#top #search-filter-results-4746 > .pagination a {
    float: none;
    width: auto;
    padding: 0 20px;
    font-size: 14px;
}

Let us know if this works.

Best regards,
Nikko

Hi Martin,

I could see it on the desktop as well.
Can you give us FTP access? just post the credentials in private content.

Best regards,
Nikko

Hi IconicD,

Can you try adding this CSS code and see if it helps:

#top .avia-slideshow .caption_container {
    max-width: 100%;
}

Best regards,
Nikko