Adding Javascript to header

Hi Tom...

Just a quick update....I went back and spoke with the creators of the code and sent them your advice about tweaking it. They recognized that it was a problem, but had to devise a work around for people in my situation, since changing the old code outright could impact legacy installations.

I don't know exactly what they did but it worked. Nevertheless, I want to thank you again for looking into this matter. Your customer service is stellar!

By the way, what's your thinking on having a middle header widget, rather than just the one? :-)
Now that I see the button, I wish I could easily place it in the middle of the header where there is wasted space.

Thanks again
Michael

Hi Michael,

Glad they were able to resolve it! :)

So basically a widget area next to the header widget?

You can always tweak the header widgets to display horizontally.

Otherwise, you can do a lot using GP Hooks - no limit really!

Tom...

If you examine my website imaginequestmarketing.com, you'll notice at the bottom right of the screen that there is a live webchat button/image. I added the javascript code into a widget. However, the javascript is causing all of the above colored sections that were designated with fluid width to be contained.

I tried inserting the code into a hook box but same result.

Is there a simple snippet that I can add to the code to make it ignore the fluid sections of the page?

Thanks
Michael

That button must include bootstrap, which is adding this CSS:

.container {
    width: 1170px;
}

Add your own CSS to overwrite it:

.container {
    width: auto;
}