Hey Sonno,

Thank you for the inquiry.

Add a Fullscreen Slider, then add a Color Section below it with a unique ID or Custom CSS Class. You can then apply some css modifications to move the Color Section over the slider and set its background to transparent. If you can create a test page, we’ll try to check it further.

— https://kriesi.at/documentation/enfold/add-custom-css/

Best regards,
Ismael

Hi,

Thank you for the update.

(removing the custom code and using only the Enfold Theme Options field with a 512x512px PNG)

Have you tried using an actual favicon or .ico file instead of a png? Again, we checked the site on a favicon validator and it can properly detect the icon. It’s also visible in the browser tabs.

We found these markups, which might be conflicting with the default favicon. These are not generated by the theme.

Best regards,
Ismael

Hey Tia,

Thank you for the inquiry.

The text is actually part of the youtube video. Please edit the slider and make sure the video is muted so it can play automatically without displaying the video title. Let us know the result.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

We understand you’re having issues working with the theme, specifically with the post navigation along with a slider’s default arrow navigation. To get around this issue, we recommend to adjust the position of the post navigation by adding this code in the Enfold > General Styling > Quick CSS field.

#top .avia-post-nav {
    top: 80%;
}

This should move the post navigation lower on the page or within the viewport. Where can we see the portfolio grid element?

Best regards,
Ismael

Hi,

Thank you for the info.

The Appearance > Widgets looks different and it seems that you’re using a plugin or made some customization for it. Have you tried temporarily disabling the plugin or modification? We also recommend updating all plugins to their latest versions; most of them are outdated.

Best regards,
Ismael

Hey sarahd167,

Thank you for the inquiry.

The search icon is not displaying on smaller screens because of this css modification.

@media only screen and (max-width: 1366px) {
  .responsive #top .av-main-nav .menu-item {
    display: none !important;
  }
}

To fix it, replace the code with:

@media only screen and (max-width: 1366px) {
  .responsive #top .av-main-nav .menu-item {
    display: none !important;
  }

  .responsive #top .av-main-nav #menu-item-search {
    display: block !important;
    top: 4px;
  }
}

Best regards,
Ismael

Hey Antonio,

Thank you for the inquiry.

You can use the Masonry element with the Styling > Masonry Settings > Size Settings set to Flexible Masonry. Another option is to use the Column elements to create rows of Image elements, allowing you to control which image size or thumbnail is used. Let us know if you need more info.

Best regards,
Ismael

Hey woogie07,

Thank you for the inquiry.

Unfortunately, it’s not possible to automatically copy or transfer the content of a PDF file into a table element. This must be done manually by editing each cell. You may want to look for and install a third-party table plugin, if one is available with the feature you’re look for.

Best regards,
Ismael

Hey jessij87,

Thank you for the inquiry.

Where is the site hosted? The demo import is known to have issues with certain hosting providers, such as OVH, so that might be the cause of the problem. If that’s the case, please try to import the demo manually using the XML files. For more information, please refer to this documentation.

— https://kriesi.at/documentation/enfold/import-demos/#how-to-manually-import-a-theme-demo

Let us know if you need additional info.

Best regards,
Ismael

Hey bdfuel,

Thank you for the inquiry.

Is the theme updated to version 7.1.3? If not, please make sure to download the latest version or update the theme via the Enfold > Theme Update panel. If there are modified files in the child theme, make sure those are updated as well. Please let us know if the issue persists.

Best regards,
Ismael

Hi,

Thank you for the screenshots.

Are the listings their own separate post types? We noticed there are two accomodaties post type (accomodaties and Accomodaties) which might be conflicting with each other. Have you tried removing the other one? For additional information regarding the issue, we recommend reaching out to the plugins developers to clarify how each post type is created.

Best regards,
Ismael

Hey safariinkenia,

Thank you for the inquiry.

Would you mind providing a screenshot of the issue or create a test page? You can use platforms like FreeImage, ImgBB, PostImages or Dropbox to upload and share the screenshot. Here are the steps to follow:

1.) Visit the website of your chosen platform, such as Savvyify, ImgBB, PostImages or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

Best regards,
Ismael

Hi,

Thank you for the update.

It seems to be working when we tested it on our end. Please try to increase the timeout from 500 ms to 1000 ms or longer. If you can provide the login details in the private field, we’ll check the script further.

Best regards,
Ismael

Hey kurson,

Thank you for the inquiry.

Looks like the text alignment is not set and is defaulting to justify. Try to add the following css code to align the headings to the left.

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

  /* Add your Mobile Styles here */
  #top #wrap_all .all_colors h1,
  #top #wrap_all .all_colors h2,
  #top #wrap_all .all_colors h3,
  #top #wrap_all .all_colors h4,
  #top #wrap_all .all_colors h5,
  #top #wrap_all .all_colors h6 {
    text-align: left;
  }
}

Let us know the result.

Best regards,
Ismael

Hey Antonio,

Thank you for the inquiry.

You can add this css code to switch the header to transparent in the mobile view.

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all #header {
    position: fixed;
    background: transparent;
  }

  .responsive #top .av_header_transparency.av_alternate_logo_active .logo a>img,
  .responsive #top .av_header_transparency.av_alternate_logo_active .logo a>svg {
    display: none;
  }

  .responsive #top .av_header_transparency .logo .subtext.avia-svg-logo-sub,
  .responsive #top .av_header_transparency .logo img.alternate {
    display: block;
  }

  #top #header.header_color.av_header_transparency .av-main-nav>li>a:hover .av-hamburger-inner,
  #top #header.header_color.av_header_transparency .av-main-nav>li>a:focus .av-hamburger-inner,
  #top #header.header_color.av_header_transparency .av-main-nav>li>a:hover .av-hamburger-inner::before,
  #top #header.header_color.av_header_transparency .av-main-nav>li>a:focus .av-hamburger-inner::before,
  #top #header.header_color.av_header_transparency .av-main-nav>li>a:hover .av-hamburger-inner::after,
  #top #header.header_color.av_header_transparency .av-main-nav>li>a:focus .av-hamburger-inner::after {
    background: var(--enfold-header-color-button-font);
    opacity: 1;
  }

  #top .header_color .av-hamburger-inner,
  #top .header_color .av-hamburger-inner::before,
  #top .header_color .av-hamburger-inner::after {
    background-color: var(--enfold-header-color-button-font);
  }
}

(see screenshot in the private field)

Best regards,
Ismael