I was already aware that you wanted the complete duplicator backup; but for copy right reasons this is not possible.

That plugin will work with boxed layout without any editing.
Only if this construction as shown on the test page it will be necessary to have a congruent copy of the whole:
( click to enlarge)

And this will only work if you change the source code of that plugin!
On default there will be only the red arrowed container with z-index -1
the copy ( green arrow) is set to the given height on top: f.e. 105px height and z-index: 500 and of course to overflow hidden.
Without this construct, the header would remain fixed, but the page content would reappear above the header when scrolling.

i switched to pseudo fixed frame – it is a boxed layout with #header and #main distance from top.
The trick here is as mentioned above that i have a copy of the “html” background on top with defined height and great z-index.
the copy on that background slider plugin – is only possible on changing the plugin code.
A slide change on the page during page will not work propperly – because there will be no synchronicity in the two containers
see test page.
Edit: to my great surprise, even this is going pretty well.
at least a few cycles

• This reply was modified 6 years, 8 months ago by Guenni007.

i need to see your site

Du hast mich da auf eine Idee gebracht. Warum hier nicht die Weite flexibel nehmen. Ich denke da an das Flex Box ( Grid ) Modell.

.avia-icongrid {
	display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center;
}

.avia-icongrid li {
    -webkit-flex: 0 1 240px;
    flex: 0 1 240px;
}

.avia-icongrid li .avia-icongrid-content {
    padding: 0 1.5em !important;
}

.avia-icongrid-numrow-5 li {
    width: 100%;
}

dann hat man sogar mehr als 5 Säulen bei breiten Screens!

well i did here a playground for that.
to have a fixed frame layout with image above the header is very tricky – if you want to have a sticky header.
If header is allowed to scroll away that might be easier to style.

See here with a little trick to obtain a “background” on top of a sticky header: https://webers-testseite.de/goldfinger

the background is in this case styled by a very old plugin – but still working – but you can do that by css too.

It is more or less playing with different transparencies – because the content had to be easily legible

PS: this here is a website with fixed framed : https://webers-testseite.de/bernhard/
and if you can work with developer tools you can see the extra div on top with higher z-index to cover the scrolling content.

Danke – ich denke wir können hier mal kurz deutsch parlieren.
die Distanz wird natürlich auch von dem Inhalt auf der Backside bestimmt, da die aber ja im responsiven Fall weg ist, kannst du das Padding dort auf weniger setzen als vorgesehen und –
da du keine Links auf den Icons hast , kannst du auch den Cursor auf den normal Wert setzen:
passe das Padding deinen Bedürfnissen an.

@media only screen and (max-width: 767px) {
  .avia-icongrid-flipbox li .avia-icongrid-front .avia-icongrid-inner {
      padding: 2em 2em;
  }

  .avia-icongrid-flipbox li {
      cursor: default;
  }
}

PS: bei der Menge an Icons hätte ich wahrscheinlich trotzdem nur 1/4 columns genommen.

try this in quick css:

@media only screen and (max-width: 767px) {
	.avia-icongrid-flipbox li article { display: inline }
	.avia-icongrid-flipback { display: none }
}

Well Victoria – thanks on that – but i think the link to a complete enfold theme is not under the interest of Kriesi ;)

By the way – a bit off topic but on your (@hokuspokus) page 22 of that slideshowthat’s just like Enfold uses his (predefinded) child theme.
– there is only functions.php and style.css ( and a little png/jpg for preview)
So from that aspect you don’t need to mention that security risk here.

that new option works well on my side here:
( click to enlarge )

but if you want it completely removed you had to get rid of the alb element itself
so delete the folder : slideshow_layerslider in the avia-shortcodes folder.
because the alb loads the js and the css files via:

function extra_assets()
{
	//load css
	wp_enqueue_style( 'avia-module-slideshow-ls' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/slideshow_layerslider/slideshow_layerslider.css' , array('avia-layout'), false );
		//load js
	wp_enqueue_script( 'avia-module-slideshow-ls' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/slideshow_layerslider/slideshow_layerslider.js' , array('avia-shortcodes'), false, TRUE );
}

or deregister those scripts via child-theme functions.php

Or: put an empty slideshow_layerslider.php in to your child-theme shortcodes folder and activate substitution via child-theme functions.php by:

add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths){
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');
  return $paths;
}

if you like – try to find here something with layerslider roots: https://webers-testseite.de/elegant/

second note if you like to show a p-tag the plugin does not work without space between the p and the special characters
i added a p-tag case so i have now in my plugin:

$this->translate = array(
						'#lt#'		=> '<',
						'#gt#'		=> '>',
						'#amp#'		=> '&',
						'#91#'		=> '[',
						'#93#'		=> ']',
						'#quot#'	=> '"',
						'#34#'		=> "'",
						'#br#'		=> '<br/>',
						'#p#'		=> "< p >",
			);

the 8239 thing is a Narrow No-Break Space
edit – sorry it is transformed through board soft – here an image:

see here in action: https://webers-testseite.de/greater-than/

can you try this in child-theme functions.php :

add_filter( 'widget_text', 'do_shortcode' );

i use “MailTo Links” that based on Rot13 method.

you can setup this plugin to encrypt even plain e-mails in text to crypted one.

EDIT : ah sorry i did not see your last link goes to Günters Plugin. But on my end this works as it shoud.
______
I believe that wealthyone is in principle already right there with his guess. If you write these tags yourself, then you have to enter them in the text mode there.

There are some special characters you cannot use in Textblock and input fields because they break the internal structure – this is a known limitation in our builder.

They are unfortunately always evaluated as tag beginning or tag end. greater than or less than character ( etc.) .
Günter from the developer team had written a small plugin for this, so that you can use these characters in the text.
Please search for: avia-special-characters : link

i just changed the code a bit not to have as many # but only one before one after the input – see here: https://kriesi.at/support/topic/in-content-crash-page/#post-1054980