Second call to action button in header area

Hi,
I’m wondering if it’s possible to get a second call to action button in header area of theme.

See attached picture to get an idea: two call to action

On mobile devices buttons should be one under the other

Thanks & Kind regards, LiCeT

Hello LiCeT,

Please check this topic:

But please use the following CSS code instead of the code in that topic.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

a.button.header-button {
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
}

img.small-header {
    min-height: 320px;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hi Roman,

thanks for your feedback. Nearly did the job. Just two things:

1. On my notebook i’d like to have to buttons aligned horizontally. Just got it :slight_smile:
2. On mobile devices they should be aligned on below the other- thats correct. But as the background-img is not large enough the second button is out of background-img which is fine. Can I have an advice how to change colours of second button?

Test Environment: cycle-ambulanz.de

Thanks in advance!!

Kind regards,
LiCeT

Hello LiCeT,

You have this custom CSS code:

/*überlappender button mit website für mobile beheben*/
div.header-image img {
    min-height: 200px;
}

Please try to remove it because it overrides the second part of the CSS code above.

Please provide more details about your button colors issue.

Kind Regards, Roman.

Perfect!!!

Very helpful…as usual :slight_smile:

Resolved.

Kind regards, LiCeT

You are welcome LiCeT! :slight_smile:

Kind Regards, Roman.