Change Logo on Scroll - Make Logo Sticky But Not Entire Navigation

Site URL: https://www.arfinancialplanners.com.au/

Hi,

I would like a semi-sticky navigation - that is, just having the logo sticky on scroll [on a transparent background] without any other navigation menu.

I've tried a few things and cannot work it out. Here is an example of what I would like to achieve for the logo on scroll: https://viridianselect.com.au/

Is anyone able to help with code or reference to a freelancer for help?

Thanks so much!

Simone

1 hour ago, SimoneOCo said:

Site URL: https://www.arfinancialplanners.com.au/

Hi,

I would like a semi-sticky navigation - that is, just having the logo sticky on scroll [on a transparent background] without any other navigation menu.

I've tried a few things and cannot work it out. Here is an example of what I would like to achieve for the logo on scroll: https://viridianselect.com.au/

Is anyone able to help with code or reference to a freelancer for help?

Thanks so much!

Simone

May this helps

@media only screen and (min-width: 768px) {
    .shrink.header .header-announcement-bar-wrapper {
      position: fixed;
    }
    .shrink.header .header-nav {
      top: -100px;
      position: relative;
    }
    .header-nav {
      transform: top 0.75s;
    }
    .header-title-logo {
      position: relative;
    }
    .shrink.header .header-title-logo:after {
      opacity: 0.3;transition: opacity 0.75s;

    }
    .header-title-logo a {
      z-index: 99;
      position: relative;
    }
    .header-title-logo:after {
      z-index: 0;
      position: absolute;
      content: '';
      width: ~"calc(100% + 8vw)";
      height: ~"calc(100% + 4vw)";
      left: -4vw;
      top: -2vw;
      background: #000;
      opacity: 0;

}

}

On 4/9/2021 at 7:53 AM, SimoneOCo said:

Site URL: https://www.arfinancialplanners.com.au/

Hi,

I would like a semi-sticky navigation - that is, just having the logo sticky on scroll [on a transparent background] without any other navigation menu.

I've tried a few things and cannot work it out. Here is an example of what I would like to achieve for the logo on scroll: https://viridianselect.com.au/

Is anyone able to help with code or reference to a freelancer for help?

Thanks so much!

Simone

Just want to say your site has some small issues.

If you need to fix, just reply here.

Site URL – https://www.arfinancialplanners.com.au/

1. (Tablet-Footer) Want to increase contact column width?

2. (Mobile-Footer) Want to important links to 3 lines?

3. (Tablet-Overlay Menu) Menu has 2 items only. Want to force desktop menu on tablet?

4. (Mobile) The page looks long. You should consider adding a back to top button

5. (Our Story) Browser tab name still shows “General 2”

6. (Our Services) Similar our story

7. (Mobile-Our Services) Want to change to 2 boxes/row?

8. (Our Advice Process) You haven’t changed SEO Title so the browser tab name still shows “About 1”