Tagged: , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 4, 2017 at 1:33 am #742626
    iveyeng

    Hello,

    I’m having a problem where on the mobile version of my site the “Read More” button on the slider is cut off. (I’m viewing it on an Iphone 7 plus but have also viewed it on a tablet where it is also cut off). Please view the link below on a mobile device. Is there anyway to make the slider wider on mobile?

    Also, I would like to remove the 2 arrows and the four dots on the slider ONLY on mobile. Is there something I can add to CSS? Thank you!

    February 4, 2017 at 4:04 pm #742833
    Vinay

    Hey iveyeng,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    /* Fullscreen slider height in portable devices*/
@media only screen and (max-width: 775px) {
    #full_slider_1 li{
    min-height: 250px !important;
}
 #full_slider_1 li img{
 	min-width:195vw
 }}

    Best regards,
    Vinay

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.