this thread is nearly what you like to obtain: https://kriesi.at/support/topic/please-help-for-a-cool-header-design/
on that solution i changed a bit the code of shrink_fix.js file – you all can read in pastebin . – But thread is old so my test page has gone.

But on his page you can see the result: https://www.artig.st/ (hope it is ok to post this here – because on his screens you can see the url too)

You see logo is overlapping and is shrinking on scroll down

by the way: the rule comes from shortcodes.css line 2511 and there is a space between the two classes – which is on my opinion wrong.

The functions.php is a central part of every wordpress theme. And it is allmost in root directory of the theme.
On Enfold it is supported through functions-enfold.php. – The child-theme functions.php only ( its possible to overwrite things in parent-theme but) complements ( adds, expanding ) some functions.

so – are you using the enfold theme with a child-theme? That is important – and has a lot of advantages.
https://kriesi.at/documentation/enfold/using-a-child-theme/

the prebuild child-theme of enfold comes with an empty (only some comments are in it) functions.php .
This is always the case if you find here some snippets to obtain some customisations.

If you have installed a child-theme and activated it all benefits of the parent-theme are there but to bring some new code to it which does not go away on updates this functions.php is needed.
You can than edit it via ftp or via dashboard – appearance – editor
on the right side there are the (on start) two files in the child theme : style.css and functions.php
the mentioned code above comes to this place!

Feel free to ask if there is something you don’t understand

did you see that the code is a bit different? i add before a class to only the iconbox which has an anchor element as descendant gets the pointer!

to your timeline:

.main_color .avia-icon-list .iconlist-timeline {
    border-color: #3E5EA7
}

you have behind the color an exclamation mark – maybe a rest of an important ?

.main_color .avia-icon-list .iconlist-timeline {
    border-color: #3E5EA7 !important
}

there is no need to have a spacebar between so it could be #3E5EA7!important as well – so maybe you copy/paste the mark with the hexcode.

The test page has disappeared due to lack of interest

you can login to your admin area? Thats what you mean if you say : control panel?
Are you working with a child-theme?
Have you installed caching tools? – Did you cleared your Cache of the browser?

if you don’t like the infinite loop you can add an iteration count (don’t forget the webkit opiton)
you can play with these settings (ask google) and always insert it with -webkit option too !

#layerslider_25 .ls-bg {
    opacity: 1;
    -webkit-animation-name: fadeanimation;
    animation-name: fadeanimation;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

so if you only want to make it once you can take the code instead of infinite:

#layerslider_25 .ls-bg {
    opacity: 1;
    -webkit-animation: fadeanimation 10s infinite;
    animation: fadeanimation 10s 1;
}

zunächst könntest du mal im Dashboard die Sprache auf formal Sie umstellen.

Dann könntest du aber auch eigene Übersetzungsdateien auf Basis der bestehenden im Child-Themes folder und bindest diese so
via functions.php deines Child-Themes ein

Die Spachfiles sind immer im Paar vorhanden. po / mo files die sind im enfold/lang folder nimm gleich als Kopie dann schon mal die
de_DE_formal.po und de_DE_formal.mo und kopiere die in den child-theme/lang folder ( Erstelle den wenn er nicht da ist)

function overwrite_language_file_child_theme() {
    $lang = get_stylesheet_directory().'/lang';
    return $lang;
}
add_filter('ava_theme_textdomain_path', 'overwrite_language_file_child_theme');

jetzt kannst du nach herzenslust und laune diese Datei (po) mit zB poedit (freeware) öffnen und bearbeiten.
Diese Dateien gehen dann auch bei einem Update nicht mehr verloren.

• This reply was modified 7 years ago by Guenni007.

sorry i’m concerning to your Supplementary question with the testimonial. here
I see now that you like to have the name under the images.
So the rest of the code above stayes for the little arrow: –
and i dont know whay you have made the image container bigger without the image. So it is not centered
So either you increase the image size to 200px x 200px or go back to the original 180px x 180px – code for both is:

.avia-slider-testimonials .avia-testimonial-meta {
    margin: 20px 0 0 0;
}

.avia-slider-testimonials .avia-testimonial-arrow-wrap {
    left: 50%;
    transform: translateX(-50%);
    top: -21px;
    width: 30px;
    height: 30px;
}

.avia-testimonial-arrow-wrap .avia-arrow {
    height: 20px;
    width: 20px;
    top: -14px;
    margin-left: -10px;
}

.avia-slider-testimonials .avia-testimonial-meta .avia-testimonial-image {
    width: 180px !important;
    height: 180px !important;
}

and by the way: the galleries are now av_section_4 and av_section_9
if you make the screen small – the section 4 goes too in a one column and this seems to look good if both 4 and 9 are the same

• This reply was modified 7 years ago by Guenni007.

on nearly all other screenshots of your installation : if you don’t want full width layout – do not use grid alb element.
The reason why the right content goes over your left one is that you have set the padding in the left grid cell to an absolute value (350px) –
but even if you could have done it with relative values ( in percent) – take the column layout .
5th screenshot: your journal page – make a 1/4 and a 3/4 column
4th screenshot: 1/3 columns side by side
6th screenshot: your enquire page: a 1/1 column above with your heading: Let’s work on something
great together.
under it a 1/2 1/2

________________________

if you have seen the difference on my site example – i will remove it

• This reply was modified 7 years ago by Guenni007.

there has to be made css adjustments. But – as said above – without a live view not possible.

if you can now activate your child-theme all the goodies of the parent themes are in place. Even the demo import. So goto ( now with the child and i guess you are working with a german version of wordpress )
Dashboard – Enfold Child – Demo Import
on every image and description there are a preview link under “What you get: Online Demo”
if one fits your needs – hover the preview image of the Demo and click to import. Now a bit of waiting time.
On the base of that predesigned demo you can now begin to customize it.

you can try this in quick css:

.avia-slider-testimonials .avia-testimonial-arrow-wrap {
    left: 50%;
    transform: translateX(-50%);
}

@media only screen and (min-width: 480px) {
.avia-testimonial-meta-mini {
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
}

• This reply was modified 7 years ago by Guenni007.

you can do both at same time:
Enfold got a prebuilt child-theme : https://kriesi.at/documentation/enfold/downloads/
i would advice you to upload both to your themes folder via ftp so that is in your themes file the enfold folder and the enfold-child folder side by side.
Then you can directly activate the child.

but i’m looking for a solution which includes the anchor links – so that a onepage layout did work too.