Shortcode Call To Action Button in Header

robbo651 · February 2015

Hi,

I'd like to put the green call to action button in the top right side of the header. Needs to be clickable and linked to another page.

Could you tell me if this is possible?

Thanks

Albert · February 2015

Hi,

then only place where you can use the button is right top bar (example you can see on http://themes.muffingroup.com/be/itservice/). To get button in this place, please go to Theme options > Layout > Header section and use Action Button | Title and Action Button | Link fields.

robbo651 · February 2015

Hi,

I added the action button however it shows like this - http://awesomescreenshot.com/0934g9gl8d

How can I set it to show like the ITservice demo?

Thanks

Albert · February 2015

If you want to setup it just like on Be|ITService demo, you must select "Classic" header style.

robbo651 · February 2015

Already set as classic header

Albert · February 2015

If you have Classic header, then please send us url to your website and we'll have a look on it.

robbo651 · February 2015

www.bloxhamlewis.co.uk

Thanks

Albert · February 2015

We removed access from here because this is public section and everyone see those details.

Your website does not look as our demo because can't look like that. You have tons of stuff in header and you setup 960px grid. Can you tell us know how you want to put all those stuff there? So or you will remove additional menu, or you will use 1240px grid instead or you will use below css to make margins between menu items much smaller:

#Top_bar .menu > li > a span:not(.description) { padding: 0 7px !important; }

robbo651 · February 2015

I would just like the logo on the left, then the main menu, then the call to action button.

And yes, but unsure how to remove it, as it was added when added the call to action button.

I would like to use the 1240px grid

Thanks

robbo651 · February 2015

Ok, i've found the 960px grid and disabled

How do I get rid of the extra drop down menu?

And change the background colour of the call to action box?

Albert · February 2015

What has been added with call to action button? This additional drop down menu? Probably in Appearance > Menus > Manage locations section you have selected menu and that's why it shows. If you will select "nothing" then this additional menu will gone.

robbo651 · February 2015

Got it thanks

How do I change the colour of the call to action button box?

Albert · February 2015

This can be done within below css:

#Top_bar a.button.action_button { background: #000; color: #FFF; }

Shortcode Call To Action Button in Header

Comments