anchor link issue with sticky header on mobile

I see it’s sporadic – sometimes it lands too low on mobile from the about page on both firefox and safari…I see other threads about it but not sure what the solution was.
Can you tell me how to have it on PC so the links land at the top of the color section instead of above it like it is now?
I think my sticky header (height is 80px) is interfering with the position.

Also – Is it possible to have a transparent header on mobile like I have on PC?

thanks for your help.
Nancy

ok
Can you tell me how to have it on PC so the links land right at the top of the color section instead of above it like it is now?
I think my sticky header (height is 80px) is interfering with the position.
I changed the name of the links – see below
I tried using this from your link to have a transparent mobile header, but it’s not working:

/* Transparent Header For Mobile */
@media only screen and (max-width: 990px) {
.responsive.html_mobile_menu_tablet #top #wrap_all #header { 
        position: absolute!important;
}
.html_mobile_menu_tablet #top #wrap_all .av_header_transparency {
	background: transparent!important;
}
}

Can you see what’s wrong there?
thanks
Nancy

• This reply was modified 1 month, 3 weeks ago by Munford.
• This reply was modified 1 month, 3 weeks ago by Munford.

see the image below – the top is where the anchor link lands now due to sticky and transparent header.
I’d like it to land like the 2nd image, with the top of the color section at the top of the page (under the header).
Is that possible?
thanks
Nancy