Hello! Sorry for the delay. I’ve hacked things a bit but one item remains – when mobile, the logo reverts back to the non transparent version. Here’s all of my code (functions.php and css), to help others as well:

functions.php

//--------------------------------

// hack to use trans logo

//--------------------------------

function custom_script() { ?>
    <script>
(function ($) { 
  $(window).load(function() {    
        $("#top.page-id-932 #header").addClass('av_header_transparency');
        $('#top.page-id-932 .logo').append('<span class="subtext"><img src="https://oneoakaustin.com/wp-content/uploads/2021/07/One-Oak-Bouldin-Creek-logo-transparent.svg" class="alternate" alt="Corporate logo" title=""></span>');
  });
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

and my css:

/**************************************************

logo swap hack in functions.php addition

- home option page - 932

#header_main bg needs to be transparent

**************************************************/

#top.page-id-932 #header.av_header_transparency,
#top.page-id-932 .av_header_transparency #header_main {
    /* background: rgba(0, 0, 0, 0.5)!important; */
}

/* force main bg on scrolling */

#top.page-id-932 .header_color .header_bg {
	/* background: #4a4747!important;  dk mushroom */
}

/* force pancake lines closed  */
    
#top.page-id-932 .header_color .av-hamburger-inner,
#top.page-id-932 .header_color .av-hamburger-inner::before,
#top.page-id-932 .header_color .av-hamburger-inner::after {
        background-color: #c6b193 !important; /* taupe */
    }

/* force widget custom reg button */

#top.page-id-932 #header.header_color #header_main .widget a.buW2 {
    border: 1px solid #f2efee !important; /* off white */
    color: #f2efee !important; /* off white */
    background: #4a4747!important; /*  dk mushroom */
    margin-right: 50px !important;
    margin-top: 43px !important;
    width: 300px !important;
}

/* force pages to have a different bg after scrolling  */

.page-id-932 #header_main {
	background: #4a4747!important; /*  dk mushroom */
}

/* custom main menu for alternate - before and after scrolling */

#top .page-id-932 .av-main-nav>li.current-menu-item>a>.avia-menu-text,
#top .page-id-932 .av-main-nav>li.current-page-ancestor>a>.avia-menu-text {
  color: red!important;
}

#top .page-id-932 .av-main-nav li a:hover .avia-menu-text,
#top .page-id-932 .av-main-nav li.current-menu-item > a > .avia-menu-text {
    color: blue !important;
}

#top .page-id-932 .av-main-nav>li.current-menu-item>a>.avia-menu-text,
#top .page-id-932 .av-main-nav>li.current-page-ancestor>a>.avia-menu-text {
  color: blue !important;
}

/* smallest portrait phones *************************************************/

@media only screen and (max-width: 767px) {
    
	/* start max 767 */
    
    
 #top.page-id-932 .responsive .logo img,
    .responsive.html_mobile_menu_tablet #top.page-id-932 .av_header_transparency.av_alternate_logo_active .logo a > img {
    height: 50px !important;
    width: auto!important;
    max-width: 100%;
    display: block;
    margin: 0px !important;
    /* max-height: 120px!important; */
        
        
}

  
    
    /* end max 767 */
}

Hi, Mike

I constantly watch my output for errors, so that’s not the issue. I’ve continued to work on this and for the about page on scroll the text and logo go to the non transparent styling, but I did manage to set the background to remain black. The key here is getting the transparent logo to remain on scroll… I’ll keep pulling code but if you have any insight it would be most appreciated :)

Hi, Mike

Mot sure… The mobile menu was there and now it’s gone. There are so many variables now, more so than ever, which doesn’t help matters.

Yes, I was hoping to have the mobile menu be sticky and visible on scroll for the home page only, and then just sticky for all other pages. Just getting it to appear again would be fine at this point.

I’m not sure why comments and empty rules contribute to any errors, if they are not applied? I’m not formally trained in css so the comments are really helpful, and I leave in the empty rules in case I need them again.

It would be a tall order to do what you suggest with my typically tight deadlines, so I guess I’ll just have to sort this out myself.

You’ve been helpful but I have other posts from days ago that have yet to be replied to, so I’m a bit frustrated about meeting my deadlines :)

Ok, this is a much better option! We are getting close but it’s not working properly yet. I’ve set the class to the Services page as well.

1) Not always, the About page goes white on scroll. Eg, I click on the menu link and scroll and it goes white. If I hard refresh without leaving the page it remains black.

2) The newly class assigned Services page is showing an alpha of black before scrolling, then white on scrolling. If I hard refresh it goes black on scroll, but still with an alpha, so not opacity 1. I’m guessing it’s some other css that is effecting this?

As for the fw sub menu, I decided to keep working with this option because I couldn’t get the logo or the fx to display. I also really needed to move forward and can’t keep waiting days for a reply, so I’ve removed it for now.

I would like to know where to speed up the scroll speed on the 100% height home page, which has an id of #csaltanim, though. And older post referenced a location where it no longer exists. the home page currently has a static svg where the animated gif would go.

Another great feature would be to have #csaltanim fade to white or transparent – is that possible as well, please? Thanks, again :)

Hello, Ismael

sorry, but that is not at all what I need help with. The sub menu is just me moving forward, trying to resolve this on my own. As above, I want to be able to add the fx bottom border to my fullwidth sub menus, just like the default one in the header, please :)

Ok, so I got the active dot working myself –

#top .dots-menu .av-subnav-menu li a:focus {
    background: blue!important;
}

Another new question – is it relatively straightforward to add in text on hover? Thanks again :)

That worked perfectly! Thank you so much! You may close this, but FYI, it’s really hard to move along with work when it takes so long for support to reply. I’m still waiting for my first reply on a post from before this one. Please consider more staff in more time zones :)

Worked beautifully! Too bad that wasn’t very clear on Flaticon, but thank you :)

OO\ops! Forgot the info in private!

That did it! Thank you so much :)))

Sorry, there is still a problem. When I use a 0.7 opacity band both the menu text and the logo are picking up on that, so they are washed out. Can I perhaps change the z-index to make sure that those items are not fade by the background?

Yes, I’m working on a fix with the Envira person, and will post my findings when it is resolved :)