kannst du mal das hier ausprobieren: https://kriesi.at/documentation/enfold/icon/#troubleshoot
Meist werden die Hoster wohl eine Apache Server haben, deshalb wäre wohl dann die erste Lösung angebracht.
die .htaccess Datei ( mit dem . vor dem namen und ohne Dateityp) befindet sich im Root Verzeichnis deiner Installation.
Die Ftp Programme zeigen nicht immer in den Standardeinstellungen diese versteckten Dateien an. Das kann man in den Einstellungen aktivieren. ( bei filezilla ist das über: Server/Auflistung versteckter Dateien erzwingen).
Normalerweise sieht so eine Standard .htaccess Datei in etwa so aus:

# BEGIN WordPress
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
# END WordPress

da fügst du dann bitte nichts dazwischen ein sondern ausserhalb dieser Anweisung gerne auch drüber:

<FilesMatch ".(ttf|otf|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>

bitte richtig verstehen nur als beispiel , was bei dir also drin steht könnte anders aussehen – bitte nicht verändern – nur den Code hinzufügen

Versuche mal das hier in deiner Child-Thema functions.php:
Pass nur auf, deine Anführungszeichen waren nicht geeignet zur Übernahme in die functions

function add_script_to_head(){
?>
	<script type="module" src="XXXXXX"></script>
<?php
}
add_action('wp_head', 'add_script_to_head');

:lol – btw: this is only seen if you use the high resolution magic mouse. –
in that moment my magic mouse is not charged – so i use a logitech wheel mouse – no effect is seen ???
however – the workaround on top is a good solution –
i change now the setting for the testpage.

• This reply was modified 5 years, 2 months ago by Guenni007.

Enable the debug mode for Enfold: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode

After that you got under each page/post generated with the Advanced Layout Builder an additional field with all the shortcodes enfold generates for the page content.

You can copy/paste the whole thing and tranfer to another enfold installation – same way : create that new page – goto advanced layout builder and paste that code to the analog field – save page.
_____________
Or for newest enfold:
save that page as template ( give to it a unique name ).
Go to Enfold Options: Import/Export – Export Layout Builder Templates –
This file could be imported on the other installation. You will then have under templates these saved pages.

A lot of people use the 100% jpg option which is not necessary.
On Photoshop i use 35 til 55% jpgs – depends on the motive. For contrast rich photos the 35% is often ok. for monochromatique or fine gradients ( like skin tones ) there must be a bit more.

Maybe it’s because it’s classic editor that I don’t see the special heading area?

;)

These Headings are made by Classic Editor like … and not via Advanced Layout Builder (ALB) – these settings for Headings only exist if you are using the Advanced Layout Builder

Well first on my end it works a little bit faster. but your slider has images with aprox 500kb and some 900kb – allthough they have smaller dimensions (1200px x 800px)
see here if these are optimised for web f.e. with photoshop:
https://webers-testseite.de/sblanc/

Do you realy see a difference ?

See here main reasons for it: https://gtmetrix.com/reports/www.sblanc.com/Fub9rGGG

• This reply was modified 5 years, 2 months ago by Guenni007.

these settings are only seen if you choose the modern style!

if you like to have the look alike of standard style to modern headings ( bold and with border to the right )
Take the modern left style and give to those headings a custom-class f.e: standardlook

.standardlook .av-special-heading-tag {
  font-weight: bold !important;
  float:left !important;
}

body .av-special-heading.standardlook .special-heading-border {
    display: block;
}

.standardlook .special-heading-inner-border {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

the default value of opacity is 0.15 (15%) but this seems to be nearby invisibility. ;)

that function reacts on a given custom class: inline-popups
every anchor link following that class reacts in that manner.

But sometimes you have to combine different scripts.
in this case a class set by:
mainClass: 'mfp-3d-unfold',
defines the way a popup opens and closes. – maybe a removalDelay: 500, is set in addition.
By the way, it’s worth reading through the API of magnific Popup ;)

maybe you go and scale the iframe in the code above to:
these are your settings of width from enfold container.

{max-width: 1310px;height:90vh}

and adjust the hover state of iframe close button

.mfp-arrow:hover, .mfp-close:hover {
  background-color: #7ec346;
}
.mfp-image-holder .mfp-close, 
.mfp-iframe-holder .mfp-close {
  right: 0;
}

PS : you do not need to have the custom markup – you can use Enfold Predefined Markup. Just get rid of that part:

function popup_from_avia2_menu() { 
?>
<script type="text/javascript">
(function($){
  $(document).ready(function() {
    $('.menu2iframe').magnificPopup({
    	delegate: 'a',
        type: 'iframe',
    });
  });
})(jQuery);
</script>
<?php 
}
add_action('wp_footer', 'popup_from_avia2_menu');

Enfold uses the lightbox of Magnific Popup from : Dmitry Semenov

on its api you can see how to get some animation on it: https://dimsemenov.com/plugins/magnific-popup/documentation.html#animation

in general the animations are set there via custom-class.
Here you have some examples on animation: https://codepen.io/dimsemenov/pen/GAIkt

the only thing is that you had to transform the given css rules of a animation to your quick.css
f.e. i like the mfp-3d-unfold:

/* 
====== 3d unfold ======
*/

.mfp-3d-unfold {
  /* start state */
  /* animate in */
  /* animate out */
}

.mfp-3d-unfold .mfp-content {
  perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform-style: preserve-3d;
  transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
  transform: rotateY(60deg);
  opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
  opacity: 0;
}

And is set via child-theme functions.php by:

function add_lightbox_effect() { 
?>
<script type="text/javascript">
(function($) {
$(window).load(function(){
  $('.inline-popups').magnificPopup({
    delegate: 'a',
    removalDelay: 500,
    mainClass: 'mfp-3d-unfold',
    type:'inline',
    midClick: true,
  }); 
  $(document).on('click', '.popup-modal-dismiss', function (e) {  
    $.magnificPopup.close();
  });
});
})(jQuery);
</script>
<?php }
add_action('wp_footer', 'add_lightbox_effect');

the popup-modal-dismiss thing is not needed for that – but if there is a button to go to f.e. an anchor link on the page – it closes the popup with that class.

you see that for that code a custom-class is set to a parent of the anchor link : inline-popups
but change it to whatever you like.

See here an example : https://webers-testseite.de/pureinstall/info/

i am afraid that your plan to replace the logo with a pixel gif and display a background image instead ( with fake input fields ) will not be successful.
There is something conceptually wrong!

Hm or is it a different page you like to edit?
https://tbwp.hostworks.com/

You have to come clean with yourself somehow, where you would like to have what information.
So what about your search fields? Is there any chance the top header is a position you could live with.

In principle, you could also place a widget in the place where these fields are planned now.
And have the burger for the main navigation on the left.
You should clarify this for you beforehand.

This will solve the double Hamburger for your setting – but the hamburger on the right top is then over the “fake-search-fields”

.av-burger-menu-main.menu-item-avia-special {
  background: #3a5f93;
}
@media only screen and (max-width: 1200px) {
  .container.av-logo-container .avia-menu {
    display: none !important;
  }
}
@media only screen and (max-width: 989px) {
  #top #header #header_main_alternate {
    display: block !important;
  }
}
@media only screen and (max-width: 767px) {
  #top #header #header_main_alternate {
    display: none !important;
  }
  .container.av-logo-container .avia-menu {
    display: block !important;
  }
}

First of all – you gave the box-shadow to the text-block section? Why don’t you use the option on column – there is allready an option for that.

here is my setting: https://webers-testseite.de/pureinstall/nsgcouk/
put only these 1/3 columns in one color-section
give a custom class or ID to the color-section ( i did with ID: flex-section )
do not choose the equal height option ! ( we make that via flex modell )
on the right column the text-block : i put the text in a span with custom-class

then the css for quick css is:

#flex-section .entry-content-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: stretch;
}
#flex-section .entry-content-wrapper::before, 
#flex-section .entry-content-wrapper::after {
  display: none;
}
#flex-section .entry-content-wrapper .flex_column {
  flex: 1 1 auto;
  min-width: 280px;
  margin-bottom: 50px;
}
#flex-section .avia_textblock span {
    display: flex;
}
@media only screen and (max-width: 1054px ) {
  #flex-section .entry-content-wrapper .flex_column:nth-of-type(1) {order: 1;}
  #flex-section .entry-content-wrapper .flex_column:nth-of-type(2) {order: 3;}
  #flex-section .entry-content-wrapper .flex_column:nth-of-type(3) {order: 2;}
}

the flex: 1 1 auto; only makes sence if you reorder like in my example the columns.
if you do not like to have the second under the two other columns in responsive case change it to: flex: 0 1 auto;

• This reply was modified 5 years, 2 months ago by Guenni007.

this is only display block/none
i inserted on the text-block an additional entry:

@media only screen and (min-width: 768px) {
  .replaced-slogan {
      display: none;
  }
}

@media only screen and (max-width: 767px) {
  .fixed-heading {
    display: none;
  }
  
  .replaced-slogan {
  padding: 20px 20px 10px;
  background-color: #96c451;
  margin-bottom: 20px
  }
}