Contact button on slider doesn’t work

[Jennifer Bublitz]

I have a URL in the Front Page > Slider > Slide Link 1 field, but the button/link is not working on the front end. https://brendapetersonllc.com/ Can someone help?

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

#home_slider { z-index:1 !important;}

Regards,
Chris

[Jennifer Bublitz]

That worked! Thanks!!

[Sonnal S Sinha]

🙂

[Jennifer Bublitz]

Is there a way to make that button appear on mobile, too?

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:767px) {
.slidedesc { padding:5px 0; margin-bottom:0;}
.slidedesc, .slidebtn {
    display: table !important;
}
}

Regards,
Chris

[Jennifer Bublitz]

That worked, but can we customize it more? Can I make that whole slider section a little taller on mobile? And keep the text over in the left 50% of the slider?

[Sonnal S Sinha]

Hi,

Kindly use this CSS;

@media screen and (max-width:479px) {
.slider-main .nivoSlider img { min-height:210px; object-fit: cover;}
.slider-main .nivo-caption { width:64% !important; margin:0 !important;}
}

Regards,
Chris

[Jennifer Bublitz]

Oh my gosh, that is perfect! Thank you so much!!!

[Sonnal S Sinha]

????

[Author]

Posts