please tell me your header start hight and the wanted end height

another example Header start is 200px and the shrinked Header should end at 50px
in words: after 150px scrolling ( =200px/1,33) the endheight of 50px ( =200/4) is reached.

so first divisor is 1,33
second divisor is 4

if(st < el_height/1.33)
.
.
.
else
    {
        newH = el_height/4;
.
.
.

try this in quick css:

#top .aviaccordion-preview-title {
    padding: 5%;
    vertical-align: bottom;
}

maybe an !important notice is required:

#top .aviaccordion-preview-title {
    padding: 5% !important;
    vertical-align: bottom !important;
}

there are two rules to set up these values (here are the standard settings):

#top .fullsize .template-blog .post .entry-content-wrapper {
    max-width: 800px !important;
}

#top .fullsize .template-blog .post .entry-content-wrapper > * {
    max-width: 600px;
}

try to play first with the 600px value and have a look what happens. The surrounding container .fullsize .template-blog .post .entry-content-wrapper is limited too – so if you want more than 800px width you have to increase this value too!

Maybe it is not a lightbox- but a gallery-plugin. A lot of them comes with their own lightbox version.

du hattest einen Shrinking header. Und der war bei Resthöhe 88px- du solltest das mit der Header Höhe nicht setzen. wie gesagt die Resthöehe des Headers nach dem Scrollen war nicht berücksichtigt worden. Dadurch geht wenn die Sprungmarke angesteuert wird diese Höhe flöten. (diese 88px befinden sich unterhalb des Headers. wenn du also in die Color-Section oben als erstes einen Seperator 90px (whitespace) einfügst hast du den content knapp unterhalb des Headers.

you can see it here what i mean:

https://webers-testseite.de/ikom/sprungmarke/#sprungmarke1
https://webers-testseite.de/ikom/sprungmarke/#sprungmarke2

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

maybe this is concerning to the WordPress 4.7.1 “bug” and svg files .
They changed in wp-includes/functions.php some functions – and the mime check was touched in a manor that svg files are not accepted as a mime type. Perhaps this collides with your :

url(‘wp-content/fonts/AvenirLTStd-Book.svg#svgFontName’) format(‘svg’); /* Legacy iOS */

wenn du einen Anker gesetzt hast z.B “Wohnnot” dann ist der link dort hin:

http://su-enna.de/alleinerziehende-arme-starke-alltagshelden/#wohnnot

wenn du also im Menu diesen Anker annavigieren möchtest musst du zumindest auch die Seite auf welcher der Anker erscheint mit nennen (absolut muss also nicht sein, aber wenigstens die Seite). also:

einen Individual Link ins Menu setzen und als Link das untere einsetzen.
/alleinerziehende-arme-starke-alltagshelden/#wohnnot

_______________

PPS: es gibt so etwas wie eine Nettiquette. Ich als nicht Mod darf das mal sagen: Diese “Mein Problem ist das Wichtigste – Mentalität” finde ich persönlich gräßlich.
Wenn Du auch nur ansatzweise mal einen anderen Support erlebt hast, dann solltest du wissen, dass sowohl die Kompetenz als auch die Geschwindigkeit der Hilfestellung hier an Board exorbitant ist.

hm last solution does work on all browsers – but on Ipad the buttons are very big . And the last is a bit shifted – i will make a research for it.
And hope to get a solution for it.

go to Dashboard / Menu / and declare a Menu as Enfold Main Menu ! (Mark it at the bottom of the menu settings dialog)
If you got the standard Menu of WordPress it will not work

by the way if you have more than these two buttons – i will do that too with a fullscreenslider on top.
Underneath you put a color section – with the buttons.
the trick is not to make the z-index higher to the buttons – but to lower it on the slider:

see here : https://webers-testseite.de/ikom/full-slider-with-content/
there might be a bit more css to solve – because you have to find a solution on small screens.

The z-index for slider (i only set it for that page – or you give the fullscreen-slider a customclass to select it):

.page-id-3220 #fullscreen_slider_0 {
    z-index: 0;
}

i’m looking for you to a nice solution soon

or you place a button on the slider and do the following code to it:
i gave the fullscreen slider the class : socialbutton for better specified selection

.socialbutton .avia-slideshow-button {
    background: rgba(0, 0, 0, 0) url("///wp-content/uploads/add-social-media-buttons.png") no-repeat scroll 0 0 / cover !important;
    border: 2px solid #fff !important;
    border-radius: 50% !important;
    height: 100px;
    text-indent: -5000px;
    width: 100px
}

see here: https://webers-testseite.de/ikom/fullscreen-slider/

or as two buttons ( with slider class: socialbuttons2 ):

.socialbuttons2 .avia-slideshow-button:nth-child(odd)  {
    background: rgba(0, 0, 0, 0) url("/ikom/wp-content/uploads/add-social-media-buttons.png") no-repeat scroll center center / 100% 100% !important;
    border: 2px solid #fff !important;
    border-radius: 150% !important;
    font-size: 1px;
    height: 100px !important;
    text-indent: -5000px;
    width: 100px !important;
}

.socialbuttons2 .avia-slideshow-button:nth-child(even) {
    background: rgba(0, 0, 0, 0) url("/ikom/wp-content/uploads/twitter.png") no-repeat scroll center center / 100% 100% !important;
    border: 2px solid #fff !important;
    border-radius: 150% !important;
    font-size: 1px;
    height: 100px !important;
    text-indent: -5000px;
    width: 100px !important;
}

.avia-multi-slideshow-button {
    min-width: 100px;
}

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

Im Grunde ein wenig rechnen. ich nahm jetzt die 1/3 columns mit zwischenraum. Der ist bei Enfold immer 6% – rest ist rechnen und den entsprechenden Containern dann die Breiten zuweisen:

.av_one_third.outspace {
    width: 22.5% !important;
}

.av_one_third.midspace {
    width: 43% !important;
}

damit es nicht zu genau ist die werte immer ein wenig abrunden. Denn manch ein browser rechnet zB Rahmenbreiten out of box oder in the box.

Es wäre um vieles leichter, mit der Seite als solches die Ratschläge zu erteilen.
Diese Beschreibungen sind ja ganz nett, aber um speziellen Code zu entwickeln ist es geradezu unablässing die Seite zu sehen.
Wenn du das nicht öffentlich machen willst – warum auch immer musst Du es im Privaten Bereich des Threads posten und auf einen Mod warten.

have you declared a menu to be the enfold main menu on Menu Options dialog?