How can I display a CTA button in the header like the one attached? I just programmed it with html code, but in the mobile version, it hides and is only shown by clicking on the off canvas menu.
You can try and add the CTA to salient \ secondary header bar - enable the secondary header bar from the secondary header bar dropdown options.
Then add the CTA text to secondary header text and header link URL options. The CTA will show at the very top of the page and not similar to how it shows on your screenshot.
That's what the theme has build in. Hope this is a workable alternative.
But the theme on the screenshot is Salient, the same I have installed on my Wordpress. Can´t I built it as this demo is? I imported the demo, but this CTA button is on the single project, and it doesn't included on the demo, just the home page. Can I import it from any other repository?
The “Material” theme skin is the only option which will display the icons within buttons before hovering. You can change to that in the Salient options panel > general settings tab
body #top nav >ul >li[class*="button_bordered"] > a:before {
border-color: #ff0000;
}
body #header-outer:not(.transparent) #top nav > ul > .button_bordered > a:hover:before {
border-color: #4343ff!important;
}
Hello!
How can I display a CTA button in the header like the one attached?
I just programmed it with html code, but in the mobile version, it hides and is only shown by clicking on the off canvas menu.
Thanks!!!
Hi there,
You can try and add the CTA to salient \ secondary header bar - enable the secondary header bar from the secondary header bar dropdown options.
Then add the CTA text to secondary header text and header link URL options.
The CTA will show at the very top of the page and not similar to how it shows on your screenshot.
That's what the theme has build in.
Hope this is a workable alternative.
But the theme on the screenshot is Salient, the same I have installed on my Wordpress. Can´t I built it as this demo is? I imported the demo, but this CTA button is on the single project, and it doesn't included on the demo, just the home page. Can I import it from any other repository?
Hi Rodolfo,
You can create it as a menu item then select the menu item style as as shown below:
Thanks.
Thanks! But, can I add some icons like the standard buttons of the theme?
And this on hover:
Hello Rodolfo,
Thanks for keeping in touch.
The “Material” theme skin is the only option which will display the icons within buttons before hovering. You can change to that in the Salient options panel > general settings tab
Thanks.
OK, thanks!!!
Where can change the border button color on hover?
Hello,
Use the css below:
body #top nav >ul >li[class*="button_bordered"] > a:before { border-color: #ff0000; } body #header-outer:not(.transparent) #top nav > ul > .button_bordered > a:hover:before { border-color: #4343ff!important; }Thanks.
Ok, thanks!!!