Header buttons overlaying logo / add javascript to headline text and image

[snyderonlinemarketing]

1. I have a site in development where the design calls for 4 buttons in the right header section above the navigation menu. Between 1200 - 1350px, the buttons overlay the menu. Is there a way to make the buttons shrink at this breakpoint? https://sparkphillyprek.snyderdevsite.com/

2. In the “Contact us today!” section of this page on the dev site , there is a headline “CHAT” with an icon above it. How can I get this javascript that was provided to me to launch the chat box?

function handleButtonClick() {
var button = document.querySelector("#helpButtonSpan > span.message");
button.click();
}

[ruenel]

Hello @snyderonlinemarketing,

Thanks for writing in!

1.) Please add a custom class to all of those buttons and use custom CSS to be able to shrink at the given breakpoint. Please check out these resources:

• https://www.w3schools.com/cssref/css3_pr_mediaquery.php
• https://www.w3schools.com/cssref/css_selectors.php

Be advised that custom CSS coding is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

2.) PLease edit the Contact us page and find the Code icon at the bottom right of the builder. You will have to insert the JS code in the Code > Page JS section.

Best Regards.

[snyderonlinemarketing]

1. I ended up resizing the text in the navigation buttons and the client was happy with that.

2. I added the javascript in the Custom Code area. What do I need to add to the image and the text so when they’re clicked the Javascript function fires?

[marc_a]

Hey @snyderonlinemarketing,

We’re glad that the navigation menu works fine on your end. Just want to let you know that when clicking the text and image then it triggers your Javascript will fall under customization. Regretfully, customization is outside the scope of our theme support. You may seek 3rd party developers to help you with your problems or you can avail One where we can answer questions outside of the features of our theme.

Thank you for understanding.