Nav bar background not showing on published site (Venue 2)

[anthonycarillo]

Hello, hoping someone has a magical solve to my problem!

URL:https://www.gobuttonproductions.com/   Using the Venue 2 theme.

In preview mode, there is a gradient background to the Nav bar upon scrolling down on the site, but on the published website, it's not showing up! (in any web browsers) It renders our logo un-readable against the white backgrounds. Is there a trick I don't know to make it show up? The "Theme Options" in this theme are virtually non-existent.....

Thanks in advance for any help!

Anthony

[Bernadette3]

Hi, Anthony

Really great looking site! Is the code in Settings>SEO>Header something you added to try to resolve this issue? Can you try removing it and publishing the site to see if that resolves the issue? Thanks!

[anthonycarillo]

Hi, Bernadette! Thanks for your response.

Yep, that code is something i added in an attempt to resolve the issue. I removed and published! It's looking like the issue persists 😕  What would you try next?

Thanks,

Anthony

[Bernadette3]

Hmm... the only other code I see is on each page under SEO>Header. I see it is there to hide the shopping cart and I don't think this could cause the issue, but it does affect the area where your logo is.. so worth a shot! By the way, if you want any code to affect every page you can add it to Settings>SEO>Header. You don't need to add it individually to each page.

Second thing, usually you can remove the cart icon by navigating to the Store>Setup>Checkout>Advanced Settings. If you change the checkout mode to "Buy Now" the cart will disappear. For some reason, your account doesn't show this option, and one of my test sites doesn't have the option as well, so I'm going to have to figure out why that is! Here is what you should see, though:

Can you try removing the code from one of the pages so we can see if that resolves the issue? I'll work on finding out where the advanced settings menu is hiding in your account so you can change the option instead of using some code override. If removing that code doesn't do the trick, then we will consult @Adam!  

[anthonycarillo]

@Bernadette Thank you so much for these tips.

I got the header code eliminating the cart removed globally. And the cart does NOT appear on the live site even with the code removed, so that's great!

Unfortunately, the header background is still not showing on the live site 😕 ...would love some help from @Adam if possible to get this resolved soon!

Thanks,

Anthony

[Adam7]

I'm not actually seeing a gradient for the navbar, even in the editor. Can you get a screenshot of what you see in the editor?

[anthonycarillo]

Hey @Adam , here is a screenshot of what i see in the editor, that I'd like to see on the live site!

Thank you! Anthony

[Adam7]

Odd... what browser are you using?

[anthonycarillo]

Hey, @Adam —

I'm using Chrome, and also checking work in Safari. Neither shows the sticky gradient bar from the theme. Is there any code we can inject to get this issue resolved? Thanks!

Anthony

[BJ5]

Try this in Settings > SEO > Header Code:

<style>
    #header
    {
        background: -webkit-linear-gradient(top,#000000 0%,rgba(0,0,0,0) 100%) !important;
        background: linear-gradient(to bottom,#000000 0%,rgba(0,0,0,0) 100%) !important;
    }
</style>

It should force it to always use the gradient on the published site.

[anthonycarillo]

@BJ  That did the trick! Many thanks!!

—Anthony

[BJ5]

Fantastic!