Hi,

You’re welcome! Let us know if you have more questions. Have a nice day.

Best regards,
Ismael

Hey tonyska,

Thank you for the inquiry.

It seems to be working as expected — only posts from the “Song Diary” category are showing on the notes page. Did you figure this out?

Best regards,
Ismael

Hey Munford,

Thank you for the inquiry.

There’s still a cookie overlay or modal in the document. Did you add it somewhere in the template or via a hook? You can try hiding it using this css code:

.cky-revisit-hide, .cky-btn-revisit-wrapper {
    display: none !important;
}

Best regards,
Ismael

Hey jonroot,

Thank you for continuing to use Enfold.

Have you done any speed optimization on the site such as image compression? We have checked some of the images, and they are quite large relative to their dimensions, one image is only 800×600px but is almost half a megabyte. We recommend installing an image compression plugin and a caching plugin. Please see the articles below for tips on further optimizing your site.

— https://gtmetrix.com/wordpress-optimization-guide.html
— https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow

Best regards,
Ismael

Hi,

Thank you for your patience. We’ll keep the thread open.

Best regards,
Ismael

Hi,

Thank you for the info.

We adjusted the code in the Quick CSS field a bit. It should be working correctly now.

@media only screen and (min-width: 769px) {
  /* Add your Desktop Styles here */
  #top .fullsize .template-blog .big-preview {
      padding: 0 0 10px 0;
      width: 40%;
  }

  .av-alb-blogposts .post-entry {
      display: block;
  }

  .av-alb-blogposts .big-preview.single-big a {
      height: 100%;
  }

  .av-alb-blogposts .big-preview.single-big a img {
      object-fit: contain;
  }

  #top .fullsize .template-blog .post-title {
      text-align: left;
      font-size: 30px;
      padding: 15px 0;
      max-width: 800px;
      margin: 0 auto;
  }

  #top .fullsize .template-blog .post-meta-infos {
      text-align: left;
  }

  #top .fullsize .template-blog .post .entry-content-wrapper {
    width: 60%;
    float: left;
  }

  #top .fullsize .template-blog .blog-meta {
      display: none;
  }

  #top .fullsize .template-blog .big-preview {
      padding: 0 0 10px 0;
      width: calc(40% - 50px);
      float: left;
      margin-right: 50px;
      min-height: 200px;
  }
}

@media only screen and (min-width: 989px) {
  #top .fullsize .template-blog .big-preview img {
    min-width: 494px;
  }
}

Best regards,
Ismael

Hey derdschuh,

Thank you for the inquiry.

Try adding this css code to properly resize the testimonial items on smaller screens:

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

  /* Add your Mobile Styles here */

  #top .av-minimal-toggle .toggle_content .avia-testimonial {
    width: 50%;
    display: block;
    float: left;
  }
}

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

  /* Add your Mobile Styles here */

  #top .av-minimal-toggle .toggle_content .avia-testimonial {
    width: 100%;
    display: block;
    float: none;
  }
}

Result:

Best regards,
Ismael

Hi,

Thank you for the short clip.

The issue is still not occurring on our end — we even tried zooming out the browser to emulate a larger screen. We recommend reaching out to the developers of the sorting plugin for additional assistance.

Best regards,
Ismael

Hey RENZCOM,

Thank you for the inquiry.

Try to add this css code to adjust the header height in tablet landscape view:

@media only screen and (max-width: 1366px) {
    .responsive.html_mobile_menu_tablet #top #header_main>.container .main_menu .av-main-nav>li>a, .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {
        height: 90px;
        line-height: 90px;
    }
}

Best regards,
Ismael

Hi,

@Jason: As mentioned in the previous thread, the search icon only works for the Top Header. It is disabled by default for the left and right sidebar/header layouts. If you need the search icon to display, you’ll have to modify the avia_append_search_nav function in the enfold/includes/config-enfold/functions-enfold.php file.

Best regards,
Ismael

Hi,

Thank you for the update.

The menu actually looks better on a single line, but if you prefer adding a second row, try to add this css to limit the height of each menu item.

#avia-menu > li {
    flex: 1 1 calc(25% - 10px);
    max-height: 24px;
}

Best regards,
Ismael

Hey dweddell,

Thank you for the inquiry.

Looks like you managed to work around this by creating a duplicate of the section with the fold/unfold option deactivated. If you still need to disable this feature on mobile, please try this css:

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

  /* Add your Mobile Styles here */

  .av-fold-unfold-container {
    max-height: max-content !important;
  }

  .avia-fold-unfold-section .av-fold-button-wrapper {
    display: none;
  }
}

Best regards,
Ismael

Hi,

Thank you for this update @BigBatT. We’ll forward the files to our channel.

Have a nice day.

Best regards,
Ismael

Hi,

Great! Glad to know this has been resolved. Please don’t hesitate to open another thread if you have more questions.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

Where did you place the css code? We are not seeing the modifications in the document, but we can see that the following css rule is preventing the main menu from displaying on mobile view. You need to place the css we suggested below that rule.

For the style adjustments of the custom search, please contact the plugin developers.

Best regards,
Ismael