Hi,
The easiest solution for you is to use the classes that are added to the menu by the “Page Scroll To” plugin, since you are already using it.
So, you have a choice, you can use the “mPS2id-clicked” class for items clicked, but this will follow the user around changing the color on the items just because they clicked it, not because they are there. Or you can use the “mPS2id-highlight” class that will only change the color if the user is there, no matter if they clicked it or not.
I recommend the latter because it will make sense to the user, but it’s up to you.
the css for clicking the first menu item is:

a.mPS2id-clicked span#mg_navikiste_hallo {
background: #7682A9 !important; 
}

the css for hovering that item is:

a span#mg_navikiste_hallo:hover 
{background: #7682A9 !important; 
}

the css for the “highlight” class, meaning that you are there:

a.mPS2id-highlight span#mg_navikiste_hallo 
{background: #7682A9 !important; 
}

Note there are some settings for the plugin, such as *”highlight only one item at a time” & *”keep item highlighted until next item” that you may want to use. (*this is from memory, not the exact text)

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width:767px){
     #top #av-burger-menu-ul {
        vertical-align: top !important; 
     }
 }

Best regards,
Mike

Hi,
Anchor highlighting broken? That’s odd, it seems like we had this sorted out, are you still building two demo sites or has your client made a choice as to which one they like?
To have your header only show on scrolling up, please try the headroom.js script
1: Mobile menu reveal on scrolling up with headroom js
2: Mobile menu reveal on scroll up
When I check the tabs on mobile they are all the same height so the page doesn’t jump up and down when the tabs change, but you want the height to change with each tab?

Best regards,
Mike

Hi,
Oh, I see, that is good news. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thanks, I took a look and the menu links are white. I also checked on other pages where you don’t have a transparent header, and those menu links are also white.
Sorry, but this was your request, correct?

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Bitte fügen Sie der betreffenden Seite die URL hinzu, damit wir die Überblendung untersuchen können. Wenn ich es richtig verstanden habe, gibt es eine Verzögerung, bevor das Fade Ihres Layers beginnt.

— Translated with Google —

Please include the url to the page in question so we can examine the fade.
If I understand correctly there is a delay before the fade of your layerslider begins?

Best regards,
Mike

Hi,
Sorry for the late reply, I was able to reproduce, so I submitted to the dev team.
Thank you for your patience.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Das ist ein kleiner Trick, bitte erstellen Sie eine HTML-Ebene und lassen Sie sie auf allen Folien anzeigen. Wenn Sie einen neuen Schieberegler erstellen möchten, können Sie ihn auch in den neuen Schieberegler kopieren, ohne dass er neu erstellt werden muss.
Um die Ebene zu kopieren, gehen Sie zur Registerkarte “Stile” und klicken Sie auf “ Ebenenstile kopieren “:

Gehen Sie dann zum neuen Schieberegler, wählen Sie eine neue HTML-Ebene aus und klicken Sie auf “ Ebenenstile einfügen “.

That is a little tricker, please try creating a HTML layer and have it show on top of all slides, then if you want to create a new slider you can also copy it to the new slider without needing to re-build it.
To copy the layer, go to the styles tab and click “Copy layer styles“:

then go to the new slider and choose a new HTML layer, and click “Paste layer styles”

Best regards,
Mike

Hi,
Thank you for explaining, I believe this would create quite a challenge because the image in the tab is the link for the tab, so there would be competing links in the same area.

Best regards,
Mike

Hi,
Ok, but what about navigating to the different tabs to see the tab content? Please see in this image that the images are a part of the tab links.

Best regards,
Mike

Hi,
To use the OpenStreetMap, try using the OSM – OpenStreetMap plugin and follow the instructions on their documentation site.

For the favicon, Safari uses “apple-touch-icon”, you will have to specify the icon for the Apple devices, please read this post.

To show all 4 tabs on mobile, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 424px) { 
.js_active .av-tab-section-tab-title-container {
    min-width: 320px !important; 
    left: 0px !important; 
}
}
@media only screen and (min-width: 425px) and (max-width: 767px) { 
.js_active .av-tab-section-tab-title-container {
    min-width: 425px !important; 
    left: 0px !important; 
}
}

Best regards,
Mike

Hey Doron,
Sorry for the late reply, I took a look at your site and found that you had an old “header.php” in your child theme that was not working correctly with the lightbox, so I renamed it to “header.php.old” and uploaded the new header.php
Then the lightbox was working, but your popups were not showing because your class in the links were not correct and the css was using the same css for the overlay of the lightbox. I corrected one of the team members for you to see the correct way. I fixed the “Chairman of the Board” with no image, you will see it now opens with a white background. The css for this is in the “code block” element at the bottom of the page, because when I tried to add it to your “Quick CSS” it didn’t work, I believe you have css errors in your “Quick CSS” Please try checking this by pasting all of your css into the WordPress > Customize > Additional CSS and look for the errors (red X)

Best regards,
Mike

Hey Elsterhund,
Bitte entschuldigen Sie die verspätete Antwort. Bitte fügen Sie ein “Code-Block” -Element unter Ihrem Layerslider hinzu:

Bitte fügen Sie Ihren “div” -Code wie folgt hinzu:

<div class="over-slider"> Box over slider</div>

Fügen Sie diese CSS dann Ihrem “Quick CSS” hinzu, um Ihre Box zu stylen, über den Layerslider zu verschieben und geben Sie einen Z-Index:

.over-slider {
    margin-top: -100px;
    z-index: 5;
    background-color: #fff;
    color: #000 !important;
    text-align: center;
}

Sie müssen den Z-Index des Layers auch mit css wie folgt senken:

#layer_slider_1 {
z-index: 0 !important;
}

Jetzt haben Sie eine Box über Ihrem Layerslider:

Bitte lassen Sie uns wissen, ob dies hilft.

— Translated with Google —

Sorry for the late reply, please try adding a “code block” element below your layerslider like this:

inside, please add your “div” code like this:

<div class="over-slider"> Box over slider</div>

Then add this css to your “Quick CSS” to style your box, move it over your layerslider, and give it some z-index:

.over-slider {
    margin-top: -100px;
    z-index: 5;
    background-color: #fff;
    color: #000 !important;
    text-align: center;
}

you will also need to lower the z-index of the layerslider, with css like this:

#layer_slider_1 {
z-index: 0 !important;
}

Now you have a box over your layerslider:

Please let us know if this helps.

Best regards,
Mike