Support » Theme: Tyche » 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 to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • 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. ,

    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!

    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.