How come the buttons on desktop are normal size (I have them set to jumbo) but on mobile they are really small? The logo on mobile should not be that much bigger than the buttons, should be same as on desktop browser. Also, subtitle is off on mobile as well. Please help. Thank you.
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
@media only screen and (max-width: 690px) {
body .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide .button.transparent a, body .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide .button.transparent_2 a {
font-size: 19px!important;
padding: 10px 13px!important;
}
}
I copied the CSS code Tahir suggested and it did not increase the font-size, but I was successfully able to change font to red (for example) just to see if it worked –
@media only screen and (max-width: 690px) {
body .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide .button.transparent a, body .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide .button.transparent_2 a {
font-size: 19px!important;
padding: 10px 13px!important;
color: red; /* this worked */
}
}
And the button font color changed, but not the size of the text. Any advice?
How come the buttons on desktop are normal size (I have them set to jumbo) but on mobile they are really small? The logo on mobile should not be that much bigger than the buttons, should be same as on desktop browser. Also, subtitle is off on mobile as well. Please help. Thank you.
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
@media only screen and (max-width: 690px) { body .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide .button.transparent a, body .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide .button.transparent_2 a { font-size: 19px!important; padding: 10px 13px!important; } }Best.
ThemeNectar Support Team
Hi There –
I copied the CSS code Tahir suggested and it did not increase the font-size, but I was successfully able to change font to red (for example) just to see if it worked –
@media only screen and (max-width: 690px) { body .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide .button.transparent a, body .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide .button.transparent_2 a { font-size: 19px!important; padding: 10px 13px!important; color: red; /* this worked */ } }And the button font color changed, but not the size of the text. Any advice?
@Rob,
Please provide your page url so i can have a look.
Thanks
ThemeNectar Support Team
@Tahir,
Thanks for the reply – is there a way I can provide this privately?
Thanks,
Rob
Please create a new private ticket.
Thanks
ThemeNectar Support Team