Hey jocelynwasham,

Thank you for the inquiry.

You can follow these steps to zip files for custom fonts and remove the default MacOS files from the folder.

1. Place all your font files (.woff, .woff2, .ttf, .eot) in a single folder.

2. To remove the hidden MacOS hidden files, open the Terminal and navigate to your folder, the use the following commands.

cd /path/to/your/font-folder
find . -name ".DS_Store" -delete
find . -name "__MACOSX" -delete

3. Create a clean zip of your font folder by right clicking the folder + Compress (Mac) or Send to Compressed (zipped) folder on windows. Make sure the zip contains only your font files.

4. To upload it, go to the Enfold > Import/Export > Custom Font Manager.

Please check this link for more info: https://kriesi.at/documentation/enfold/typography/#how-to-upload-custom-fonts

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

Hey vaclavdanek,

Thank you for the inquiry.

Have you tried disabling the Enfold > Performance > File Compression settings? We may need to log in to the site to properly check the issue. Please provide the login details in the private field.

Best regards,
Ismael

Hey fiorettipau,

Please refer to this: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

Best regards,
Rikard

Hi,

Thanks for the update. If you have additional questions, then please open a new thread for each of them. We’ll close this thread for now.

Best regards,
Rikard

Hey ThorstenFB,

Thank you for the inquiry.

This should be possible with a custom css modification. Try to set the Styling > Columns > Column count to 6 columns, then add this css code.

@media only screen and (min-width: 989px) {
  .av-masonry-col-6 .av-masonry-entry {
    width: 14.28%;
  }
}

If you need to apply this to a specific Masonry element, try using the Custom CSS Class option as described in the following documentation.

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

Best regards,
Ismael

Hey Johannes,

Thank you for the inquiry.

You have to edit the cells with the background image, go to Advanced > Developer Settings, and apply the Custom CSS Class name “av-cell-with-image”. After that, add the following css in the Enfold > General Styling > Quick CSS field code to set a minimum height for the cell, which will also enlarge the image.

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .av-flex-cells .av-cell-with-image {
    min-height: 300px;
  }
}

Please check this link for more info on adding custom css class names to builder elements.

— https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

Best regards,
Ismael

Hey theovh,

The update to 7.1.3 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard