Hi,

The style.css files you’re seeing are the following:

— https://site.it/wp-content/themes/enfold/wp-blocks/src/textblock/style.css
— https://site.it/wp-content/themes/enfold-child/style.css
— https://site.it/wp-content/themes/enfold/style.css

However, the required cached style.css file from the child theme is not loading when the query parameters are not set, meaning the cache is active:

— https://site.it/wp-content/cache/min/1/wp-content/themes/enfold-child/style.css?ver=1756284923

In your screenshot, the search field looks correct because you’ve added a query parameter. This is definitely an issue with a caching mechanism on your server. We recommend reaching out to your hosting provider for further assistance and ask them if Kinsta Cache can be disabled.

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

Hey koomo,

Thank you for the inquiry.

Try to add this css code to adjust the width of the mega menu container under the Destinations menu item:

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
  #top #wrap_all #menu-item-35451 .avia_mega_div > .sub-menu {
      width: 750px !important;
  }

  #top #wrap_all #menu-item-35451 .avia_mega_div {
      width: 750px !important;
      overflow: visible;
      max-width: 750px !important;
  }

  #top #wrap_all #menu-item-35451 .avia_mega_div > .sub-menu > li {
      width: 250px;
  }
}

Best regards,
Ismael

Hi,

Glad to know this has been resolved! Let us know if you have more questions. Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

You can try setting the png image as the background of the scroll-down link:

#top .scroll-down-link.avia-svg-icon {
    background-image: url('image.png');
}

#top .scroll-down-link.avia-svg-icon svg {
    display: none;
}

Let us know if you need more info.

Best regards,
Ismael

Hi,

The issue occurs when not logged in because the following cached file is not being loaded. We’ve tried disabling WP Rocket but it’s still the same.

https://site.it/wp-content/cache/min/1/wp-content/themes/enfold-child/style.css?ver=1756284923

Is there any other kind of caching enabled on your server? You may need to contact your hosting provider to confirm this.

Best regards,
Ismael

Hey tonyiatridis,

Thank you for the inquiry.

We have set the Enfold > Blog Layout > Blog Layout settings to “Use the Advanced Layout Builder”, so the blog now utilizes the content created in the builder. It should now correctly display posts that are configured or selected in the Blog Posts element.

Best regards,
Ismael

Hi,

Sorry about that. Please look for the code and add a semicolon (;) at the very end of it.

add_theme_support( 'avia_exclude_WooCommerce' );

Best regards,
Ismael

Hey Antonio,

Thank you for the inquiry.

We are not seeing the scroll down arrows in the sections. Please make sure that the Styling > Scroll Down Arrow > Display a Scroll Down Arrow option is enabled.

Best regards,
Ismael

Hi,

Are you trying to change the color of the menu items on hover? Try to add this css code:

#top .av-submenu-container.av-mfuwd2dc-fbfd62110b190173ec9e1a9c9af59e82 .av-subnav-menu li:hover a {
    color: #f3ab29;
}

Best regards,
Ismael

Hi,

Thank you for the login info.

Looks like the issue only occurs when you’re not logged in. Have you tried temporarily deactivating the WP Rocket plugin? Please back up your WP Rocket settings first, then disable the plugin and let us know the result.

Best regards,
Ismael

Hi,

That’s quite odd. You can temporarily hide the save button using this css code:

.responsive .page .avia-modal-save.button.button-primary.button-large {
    display: none;
}

Please provide the login details in the private field so that we can investigate the issue further.

Best regards,
Ismael

Hi,

You can add this css code to make the background transparent and have the menu float above the slider.

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

  #top .av-submenu-container.av-mfuwd2dc-fbfd62110b190173ec9e1a9c9af59e82 {
    position: absolute;
    background-color: #4f5b33a3;
  }

  #top .av-submenu-container.av-mfuwd2dc-fbfd62110b190173ec9e1a9c9af59e82 .av-subnav-menu li a {
    background-color: transparent;
  }
}

Best regards,
Ismael

Hey classywebsites,

Thank you for the inquiry.

You can add this css code to adjust the font size of the widget button and prevent it from getting cut off.

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

  /* Add your Mobile Styles here */
  #custom_html-2 button {
    font-size: 16px;
    word-break: keep-all;
  }
}

Regarding the columns on the homepage, the one in the middle has a longer text, so it doesn’t align with the other columns. Shortening the description should help.

Best regards,
Ismael

Hi,

Thank you for the update.

Try to add the following css code below the first one to adjust the padding around the testimonial container and decrease the font size on smaller screens.

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

  /* Add your Mobile Styles here */
  .responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
    padding: 0;
  }

  .responsive #top .avia-slider-testimonials .avia-testimonial-content p:last-child {
    font-size: 0.85em;
    line-height: 1.6em;
  }
}

(moved screenshot in the private field)

Best regards,
Ismael