Hi,
I'm having two issues when I adjust the screen size of my Salient theme for tablet and phone. The first issue is that on my homepage I have a pricing table which loses its structure and alignment when viewed on a tablet. Can this be fixed? See image 1 in zip file attached.
My second problem is that when viewed on a mobile device the text for my slider images sections is very small and hard to read, compared to the heading text if I am using which remains larger. Can this text be made bigger without affecting the image it appears on? See image 2 in zip file attached.
Thanks,
Gary
1. If you updated to the latest release this issue would be fixed. If you'd rather stay on your current release - add this into the Custom CSS box located in your Salient Options panel:
body .pricing-column h3 {
line-height: 28px !important;
}
2. The text sizes scales down proportional to the rest of the slider to ensure no clipping on the image. The new slider was coded this was based on popular demand as the home slider lost a good deal of the image on mobile. This is also the same method of scaling as other premium sliders like Slider Rev/LayerSlider – if you want to change it you just need to alter these rules in the mobile viewport in the responsive.css stylesheet located in the css folder.
body .swiper-slide .content h2
body .swiper-slide .content p
body .swiper-slide .button a
Hey Gary!
1. If you updated to the latest release this issue would be fixed. If you'd rather stay on your current release - add this into the Custom CSS box located in your Salient Options panel:
body .pricing-column h3 { line-height: 28px !important; }2. The text sizes scales down proportional to the rest of the slider to ensure no clipping on the image. The new slider was coded this was based on popular demand as the home slider lost a good deal of the image on mobile. This is also the same method of scaling as other premium sliders like Slider Rev/LayerSlider – if you want to change it you just need to alter these rules in the mobile viewport in the responsive.css stylesheet located in the css folder.
Cheers :)
Hi, Thanks for responding, I've been able to fix my issues. Thanks again for the help!
You're welcome! :)