Title: Responsive CTAs
Last modified: March 21, 2018

---

# Responsive CTAs

 *  [freatz](https://wordpress.org/support/users/freatz/)
 * (@freatz)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/responsive-ctas/)
 * Hi!
    What a great theme you have there! I just love it! Thank you very much! 
   I have a question: is there a way to see the CTA buttons on the hero image when
   the screen is smaller than 991px? When it is smaller, those buttons desapear,
   but I need them on the hero image even if the screen is 240px width. Is it possible?
   Thank you!
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fresponsive-ctas%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [Lawrence Joe](https://wordpress.org/support/users/laranz/)
 * (@laranz)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/responsive-ctas/#post-10100920)
 * Hi,
 * Please add this Custom CSS in Appearance -> Customize -> Additional CSS,
 *     ```
       .main-slider .hero-caption {
       display: block !important;
       }
       ```
   
 * If this isn’t solve the issue,
 * Let us know,
 * Thanks,
    laranz. ,
 *  Thread Starter [freatz](https://wordpress.org/support/users/freatz/)
 * (@freatz)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/responsive-ctas/#post-10101501)
 * Hi!
    Thank you very very much for your answer!! It worked, and I used some Aditional
   CSS to display them as I wanted in smaller screens. As people often have the 
   same questions, here is my aditional CSS for centering those buttons as the screen
   gets smaller:
 *     ```
       .main-slider .hero-caption {
       display: block !important;
       }
       @media (max-width:899px){
       	.main-slider .hero-caption {
       top:1% !important;
       }
       }
       @media (max-width:749px)and (min-width:520px){
       	.main-slider .hero-caption.right{
       		right:1% !important;
       	}
       }
       @media (max-width:519px){
       	.main-slider .hero-caption {
       		width: 120px !important;
       		margin:0 auto;
       	}
       	.main-slider .hero-caption .btn-group a:last-of-type {
           margin-left: -13px !important;
       	}
       }
       @media (max-width:380px) and (min-width:305px) {
       		.main-slider .hero-caption .btn-group a:last-of-type {
           margin-top: 10px !important;
       	}
       }
       @media (max-width:304px) {
       		.main-slider .hero-caption .btn-group a:last-of-type {
           margin-top: 2px !important;
       	}
       		.main-slider .hero-caption {
       margin-top:-1px !important;
       	}
       }
       ```
   
 * (I’ll apreciate very much if you correct me if I’m making a mistake)
 * Thank you very much!
 *  [Lawrence Joe](https://wordpress.org/support/users/laranz/)
 * (@laranz)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/responsive-ctas/#post-10101794)
 * Hi,
 * If that works, then it is not wrong, you’re doing a great job 😉
 * Let us know if you have any other questions,
 * Thanks,
    laranz.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Responsive CTAs’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/tyche/1.1.4/screenshot.png)
 * Tyche
 * [Support Threads](https://wordpress.org/support/theme/tyche/)
 * [Active Topics](https://wordpress.org/support/theme/tyche/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/tyche/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/tyche/reviews/)

## Tags

 * [button](https://wordpress.org/support/topic-tag/button/)
 * [hero image](https://wordpress.org/support/topic-tag/hero-image/)

 * 3 replies
 * 2 participants
 * Last reply from: [Lawrence Joe](https://wordpress.org/support/users/laranz/)
 * Last activity: [8 years, 2 months ago](https://wordpress.org/support/topic/responsive-ctas/#post-10101794)
 * Status: not resolved