you can do it via quick css:
go and edit the before pseudo container:
e.g:

#scroll-top-link:before {
  content: '';
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  position:absolute;
  background-image: url(/wp-content/uploads/YOUR-ICON.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

play with positioning top and left

every svg image is handled in media-library as if it has dimension of 0 x 0 px
so you had to give an absolute width on that svg to have better browser support:

e.g.:

img[src*="svg"] {width: 2000px }

and let the visible width decide the surrounding container.

If you have inline svg it is similar to that.

BUT: yes, even if this works the first time you edit it – if you try to edit the image again, the svg will be deleted from the preview.

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

for mobile there will be nearly no alternative to let them scroll away.
but some desktop browsers even got troubles with it too: e.g: Safari13

the background-attachment: fixed runs often not as expected.
But there is a workaround to fix this:
https://kriesi.at/support/topic/theme-is-shaking-a-lot-in-safari/#post-1207474

the trick is not to have that background-attachment:fixed – but a container below ( and the pseudo container : before fits well for that ) that has position:fixed
: see link above

by the way if you need more browser support: https://autoprefixer.github.io/

and use then in the link above better :

.bg-fixed {
  clip-path: inset(0 0 0 0);
  background-size: 0 !important;
}

.bg-fixed:before {
  background-image: inherit !important;
  background-repeat: no-repeat;
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;  /*** depends on your wanted settings ***/
  will-change: transform;
}

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

There is no need to update a child-theme – The child theme initially consists of three files.
It can contain more – but does not have to.
A style.css with the information about the parent theme
An initially empty functions.php and a thumbnail to have a preview on appearance – themes.

@mexinsurance : he is talking about a child-theme file – not the enfold parent-theme.
The things you get from themeforest is the parent-theme

On that you should pay attention what you like to download :
there is a full-package with psd file , documentation.html etc. pp and enfold.zip ( this complete package has approx: 63MB) and the enfold.zip is part of it and the installable file ( red underlined )

and there is an installable zip file with only the theme. ( this is the uploadable file and has about 17MB ) ( blue underlined )

Next: why have you two child-theme images in your themes folder ?

OK Now i got it.
This is only if you are not working with the advanced layout builder ( f.e. on posts ).

Somehow this makes sense; otherwise you would have the chance to place a 1/1 container in a p-tag which is even in a 1/2 container and so on.

könnten wir die Lösung besser deutsch weiter diskutieren?
Vorschlag : https://webers-testseite.de/pureinstall/negele/
ist aber nicht ganz einfach umzusetzen.
Wobei die fixierte Navigation wenn Sie den oberen Rand erreicht nicht unbedingt sein muss. Die also mit wegscrollt.

______

If someone is also interested in the solution and doesn’t understand German, please let me know – I will translate it as good as I can.

please remove these login-datas as soon as possible.
the link itself is for me enough !!!

___________

then : do you realy need the slider as advanced layer-slider. It seems that an Enfold Slider ( maybe a full-width slider ) would be more than good for the setting.

____________

what should happen on scrolling down: header should be seen and fixed on top – but slider is above?

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

The only thing i want to mention is that i’m willing and able to help – but i do not see links if they are in private content.
That field under the input field :

Private Content (link to your website, login credentials, FTP credentials, etc – only visible for moderators)

so if you couldn’t make your example page public you had to wait til mods are here.

Again : if there is private content – i can not see – because i’m participant as you are.

nearly impossible to have this responsive – and if the text line will break to a two-liner it is gone.

Ich denke das ist schwer zu realisieren. Auf deiner Beispielseite wird auch feige sehr früh in einen One-Column umgebrochen.

https://webers-testseite.de/samo-shoes/

What kind of header setting you have choosen?
Logo left menu below ?

That’s just a tangled web.
Another way to achieve this and in your case where it is now suddenly possible to publish the page link, the only chance is to imitate the iconbox.
Because you like to have an image background with heading on top. Then flex layout will not work properly.

Enfold provides the tools to give columns the same height. So why not use this tool to create an iconbox.
We just put the iconbox in the column like you did, but give the iconbox a transparent background and no border!
To have now a look-alike iconbox we can shift the whole iconbox over the top-border of the column.
The rest is a bit of Enfold styling options : background-color, border, and border-radius etc.

You can see here what is the trick at the bottom – you see the iconboxes that are with different height.
But if you make them transparent and shift it to the top they will look like iconboxes.

See here: https://webers-testseite.de/equal-height/
Solution is in Source-Code ;)

give to the columns or to a parent-container a custom-class f.e: equalboxes

/**** play a bit with the shift values ***/
.equalboxes .iconbox.iconbox_top  {
	position: relative;
	top: -100px;
	margin-bottom: -100px;
	padding-bottom: 60px;
	background-color: transparent !important;
}

/**** maybe for buttons to have them on the bottom ***/
.equalboxes .avia-button-wrap.bottom-button {
	position: absolute;
	bottom: 0;
	right: 10px;
}

/****** media-query depends on your breaking-point for responsive layout ************/
@media only screen and (max-width: 767px){
	.equalboxes {
	   margin-bottom: 80px !important;
	}
}

if you are using logo left – menu right – you can have a multiline menu!
https://kriesi.at/documentation/enfold/menu/#multiline-menu

But with a lot off sublevel menu it is best if you place the first-level menus without submenu on top

schick mir doch mal den Link bitte dann schau ich rein.
Wie es geht weiss ich. Nur der Selector weicht bei jedem Layerslider halt ab.

Der Layerslider macht je nachdem aus Textblöcken einzelne Zeilen!

Dann kommt da ein div noch extra hinzu – wie es oben Rikard schon erwähnte mit der Klasse: line
Du musst aber spezifisch bleiben, da die auch bei fetten überschriften etc. greift.
Also bleibt einem nur, dann die div.ls-wrapper:nth-of-type(x) oder child methode um es selektiv zu haben .

hier zB macht er das nicht mit den lines: https://layerslider.kreaturamedia.com/sliders/architecture-slider/

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