Call to Action Button in Header Image

• 

  lifeismeantforexploring · Member · Mar 16, 2017 at 9:00 pm

  • Copy link
  • Add topic to favorites

  Is there a way to make the blue button in the header image appear as a small button like in the Pena demo and not a blue bar that fits to the width of the screen like our site currently is?

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Mar 17, 2017 at 8:39 am

  • Copy link

  Hi there, the button is small at screen widths 1280px and wider, but below that width, it goes to full width. I see that on your site and also on the Pena demo site. If you wish to keep it smaller like on screens 1280px and wider, add the following to your custom CSS.

  @media screen and (min-width: 200px) {
  	.content-caption .entry-content .button {
  		display: inline-block;
  	}
  }