Adding "Book Now" button to header on Brine Family (Polaris) Template

Site URL: https://www.drivenfilms.tv/

Hi, trying to add a button to the header of my site but can't seem to figure it out. I'd like to add a "Book Now" button that pops up a form in a lightbox. Could also direct to my contact page if necessary. Is this possible with the Polaris template?

Hi,

you can follow this guide to turn navigation link to button with lightbox form.

Let me know if you still get problem when apply code

21 hours ago, tuanphan said:

Hi,

you can follow this guide to turn navigation link to button with lightbox form.

Let me know if you still get problem when apply code

This is really cool. I'll give this a try. Will the lightbox anything plugin work for a vimeo video too or do I need to buy that plugin as well?

On 10/13/2021 at 7:31 AM, DrivenFilms said:

This is really cool. I'll give this a try. Will the lightbox anything plugin work for a vimeo video too or do I need to buy that plugin as well?

Yes. Work with any things.

They have also video lightbox plugin, but I think Lightbox plugin will be better. You can use lightbox for any content format.

On 10/11/2021 at 10:31 PM, tuanphan said:

Hi,

you can follow this guide to turn navigation link to button with lightbox form.

Let me know if you still get problem when apply code

Hi, I was able to get the lightbox form to work, but now how do I change it to a button in my navigation without the rest of my navigation turning into buttons?

Found some CSS on another site. For anyone needing the same result, here it is:

/*Header Button */
div.Header-nav-inner a.Header-nav-item:last-child{
    color: #fff !important;
    padding:15px 25px !important;
    background-color: #FFAA00 !important;
    border-radius:0px !important; 
    }

div.Header-nav-inner a.Header-nav-item:last-child:hover{
    color: #000 !important;
    background-color:#fff !important;
    }

This will effectively turn the last link in your navigation into a button. I'm using Brine template family.