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 12 hours, 22 minutes ago by Munford.
• This reply was modified 12 hours, 10 minutes ago by Munford.