Hi,
Glad that Rikard could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

Best regards,
Mike

Hi,
Try removing this part of the css above from the end:

#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);
  }

and add this css:

@media only screen and (max-width: 767px) {
    .responsive:not(.html_header_transparency) #top #main {
        padding-top: 80px !important;
    }
}

Best regards,
Mike

Hi,

Great, I’m glad that Ismael could help you out. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,

Great, I’m glad that Ismael could help you out. We’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,

Thanks for the update. Your site is loading styles as it should when I check it. If this problem should continue, then please try to temporarily deactivate file compression under Enfold->Performance, and activate the option to delete old CSS and JS files on the same page.

Best regards,
Rikard

Hi,

Thanks for the clarification. Please try the following in Quick CSS under Enfold->General Styling:

.safari-left {
  display: none;
}

Best regards,
Rikard

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