Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 16, 2015 at 6:33 pm #460264
    mjstew33

    On my website – http://randolfamilydentistry.com/

    The slider on the home page with the family photo looks bad on mobile. How can I edit the theme so that the image disappears on mobile and its just a solid color?

    Thanks

    June 17, 2015 at 6:38 am #460561
    Rikard

    Hey ascensionpresspublishing!

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
.page-id-861.avia-slideshow-inner ul li {
background-image: none !important;
}
}

    Regards,
    Rikard

    June 17, 2015 at 3:51 pm #460846
    mjstew33

    It didn’t work.

    Is it possible to keep the background image on mobile and get rid of the text and buttons instead?

    June 18, 2015 at 6:57 am #461118
    Rikard

    Hi!

    Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details here as a private reply.

    Cheers!
    Rikard

    June 19, 2015 at 4:06 pm #462013
    mjstew33
    This reply has been marked as private.
    June 20, 2015 at 5:18 am #462150
    Rikard

    Hi!

    I edited the CSS in your Quick CSS, the background image is not showing for mobile devices anymore.

    Best regards,
    Rikard

    June 23, 2015 at 5:56 pm #463521
    mjstew33

    Great thank you!

    Is it possible to do it when the iPad is in vertical mode?

    June 23, 2015 at 6:43 pm #463541
    Yigit

    Hi!

    Please change the code to following one

    @media only screen and (max-width: 1024px) {
.page-id-861.avia-slideshow-inner ul li {
background-image: none !important;
}
}

    Cheers!
    Yigit

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