Tab Section – increase space for tab title

No, unfortunately I need to give my client two options. So I haven’t resolved the issues below.
The problem with KRYPTO was, that I had the tab section duplicated, one for desktop and one for mobile. Because in the mobile version your code for hometab didn’t look good. And that way I unfortunately duplicated the code with the lower anchor for KRYPTO. I first had it set in the upper section so the anchor also shows the upper part of the KRYPTO section. I deleted the code in the tab sections and now it works fine.
I hope this explanation makes sense…

But what still remains is:
I still have the following troubles:
1. TEAM: When I scroll down, is it possible to have the word TEAM in the menu turn white like the others? But only on scroll down?
2. HOME doesn’t highlight or shows a mouse-over whatsoever?
3. ON MOBILE: Do I need to set a clone to be able to click on HOME and KONTAKT or is there a way to avoid the double naming in the menu?

On my other setup (wordpress2) I got the active pages to be highlighted when on that page. But now on HOME I have all anchors highlighted at the same time. See access info below.
THANKS Nora

Great, this should do. The underline color has changed to white, it used to be #4875cf, but I can live with that.
Just out of curiosity – where would I have to set the color for the underline anyways?

So for wordpress2, would you know what to do so only the actual anchor is highlighted and not HOME plus all the three anchors at the same time? Just like in wordpress1?

I would be the happiest person around the block!

THANKS SO MUCH!

wow – you ARE THE BEST and I’m the happiest girl on the block!

OH NO – one error I just realized.
When I click in wordpress1 on IMPRESSUM or DATENSCHUTZ (unter KONTAKT), the word KONTAKT turns white and cannot be seen. It should behave just like TEAM and turn #4875cf.
I made a change to the KONTAKT page, and ever since I updated the page, this error appears.
Thanks Nora

I actually feat that with TEAM the same problem would appear as soon as I update the page!

You rock!!!!
So I can dare to update the TEAM page and it will not be affected?
THANKS SO MUCH!

OK, thanks so much Mike.
Best, Nora

Hello Mike,
I still have the following questions:
1. How can I make the header stay on top on scroll down – also on my mobile version. Right now it works like that only on the desktop version.
2. On MOBILE: I have a problem with the tab section after WIE WIR ARBEITEN.
– is there a way to have all 4 tabs shown on my mobile at the same time. because right now you can only see 2 or 2 1/2 and without knowing or clicking on it you won’t realize that there are another 2 tab to the right.
– I want to set the height of the tabs to adapt to its content. Because otherwise the last tab shows not a lot of text (Steuer und Recht), and the space to the next section gets really big. However, as soon as I do that, the content reduces to the smallest tab (Steuer und Recht) and in the other tabs the text is missing. I only need this for my mobile version, because on the desktop it’s ok. I duplicated the tabs for the mobile version and set it the way that this version doesn’t show on dektop again.
3. On some computers the menu items seem to flicker as soon as I start scrolling. That happens only on the HOME page so I assume it has something to do with the anchors.
THANKS SO MUCH!

Hello Mike,
So I have an UPDATE due to new problems:
1. So my header problem seems to be more serious.
As soon as I start scrolling on my HOME PAGE, the anchors don’t match, HOME is trying to highlight in between, and even when I hit TEAM or NEWS the HOME MENU ITEM highlights, or as soon as I scroll on my TEAM or NEWS page, the HOME MENU ITEM is highlighting sometimes, although it’s a totallz different page. That is so strange. I can see that in Chrome and Safari on a Mac, and in Firefox (Linux Mint 18), Chrome (Windows 10) und Edge (Windows 10).
2. The favicon is not loading in Safari.
3. Can I also install OpenStreetMap instead of Google Map?
4. On MOBILE: I would like the header to show only on scroll up. So as soon as I scroll up, the header should show, not on scroll down. Is that possible?
5. On MOBILE: I have a problem with the tab section after WIE WIR ARBEITEN.
– is there a way to have all 4 tabs shown on my mobile at the same time. because right now you can only see 2 or 2 1/2 and without knowing or clicking on it you won’t realize that there are another 2 tab to the right.
– I want to set the height of the tabs to adapt to its content. Because otherwise the last tab shows not a lot of text (Steuer und Recht), and the space to the next section gets really big. However, as soon as I do that, the content reduces to the smallest tab (Steuer und Recht) and in the other tabs the text is missing. I only need this for my mobile version, because on the desktop it’s ok. I duplicated the tabs for the mobile version and set it the way that this version doesn’t show on dektop again.
THANKS SO MUCH.
Best, Nora

Thanks Mike!
So I could resolve some problems too but what still remains is:
1. Do you know how to get my anchors on the HOME PAGE to highight correctly. Right now in some browsers HOME is always highlighted. But I have 3 anchors and this used to work and all of a sudden it doesn’t anymore. The anchors show correclty, it’s just the highlighting that needs to be fixed.
2. On MOBILE: I would like the header to show only on scroll up. So as soon as I scroll up, the header should show, not on scroll down. Is that possible?
3. On MOBILE: I have a problem with the tab section after WIE WIR ARBEITEN.
– I want to set the height of the tabs to adapt to its content. Because otherwise the last tab shows not a lot of text (Steuer und Recht), and the space to the next section gets really big. However, as soon as I do that, the content reduces to the smallest tab (Steuer und Recht) and in the other tabs the text is missing. I only need this for my mobile version, because on the desktop it’s ok. I duplicated the tabs for the mobile version and set it the way that this version doesn’t show on dektop again.
THANKS SO MUCH.
Best, Nora

1. I KNOW we had this sorted out. But only the anchors on HOME are not working anymore, the rest is working fine.
Yes, we decided to stay with wordpress1. See credentials again below.
But you know what, people told me that the anchors never worked on Linux and several browsers right from the start. Because the anchors didn’t work.
I changed the anchors to /wordpress1/#arbeit, without the https (the full URL), and now the anchors seem to work fine on all browsers. But that might have caused the highlighting to stop working? As soon as we go live, I need to get rid of the /wordpress1/ in my URL and adapt all links, so I hope this will still work then.
2. ONLY ON MOBILE I would like the tabs to adapt to the actual size of the content. Because on a smartphone, the last tab only has 2 sentences so when you scroll down to the next section there is a huge blank space, because previous tabs have much more text. But as soon as I set this (adapt to actual content), the text doesn’t show at all. It’s just gone.
On desktop I want to keep it the way it is, only on MOBILE it should change. I have a the tab section copied for mobile. The desktop tab section has the section ID ‘hometab’.

THANKS MIKE!

Hello Mike,
I made some adaptions, so what’s remaining is:
1. The HIGHLIGHTING of the 3 anchor items on my HOME PAGE still don’t work.
Yes, we decided to stay with wordpress1.
But people told me that the anchors never worked on Linux and several browsers right from the start.
I changed the anchors to /wordpress1/#arbeit, without the https (the full URL), and now the anchors seem to work fine on all browsers. But that might have caused the highlighting to stop working? As soon as we go live, I need to get rid of the /wordpress1/ in my URL and adapt all links again, so I hope you can help me fix this and it will still work when we delete the /wordpress1/ section from my URL.

2. FOR MOBILE: I got rid of the tabs and added an accordion, but only for mobile. But now I have the problem, that on my desktop version you see a blank spot where the accordion is located. See screenshot below. How can I get rid of it? You can see it too clearly because of the background image of the section below and above.

3. And I don’t know if you offer any further advice for the MOBILE menu reveal on scroll up. Because the threats you mentioned didn’t work.

THANKS Nora

Also, you seem to have deleted the feature , that on MOBILE, as soon as the header switches to burger, the current page in the menu stays colored. Now it doesn’t work anymore. This used to be the script, but it doesn’t work:
#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul a.mPS2id-highlight {
color: #4875cf;
}

And HOME stays underlined, also when the other anchors are active. So actually each corresponding anchor should be highlighted AND underlined in blue.
Is it because I renamed the anchors that this flickering keeps happening? Because we didn’t have this before!

awesome. ONLY HOME keeps showing it’s underline when jumping to an anchor (eg in CHROME). that’s the only weird thing that remains, that sometimes it shows an underlining…
LAST QUESTION (I promise): Can I make the underline not be white but #4875cf – also on mouseover?
THANKS SO MUCH!