Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 31, 2024 at 4:43 am #1447136
    gatehealing

    We created a button for my top-of-page sliders (easy slider) where we put the button code in the caption box: Make an Appointment

    I think we added some code to functions or stylesheet or something that the button code references.

    That caption and button obscure the slider image on smaller screens like phones. Is it possible for it to only show up on tablets and desktops?

    If you look at gatehealing.com/counseling-austin-tx/ you can see the button/caption. . . if you look at that page on a phone, you’ll see that it looks sloppy.
    J

    May 31, 2024 at 9:14 am #1447162
    Rikard

    Hey gatehealing,

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

    @media only screen and (max-width: 767px) {
.page-id-16789 .av-slideshow-caption .avia-caption-content {
  display: none; 
}
}

    Best regards,
    Rikard

    May 31, 2024 at 3:41 pm #1447194
    gatehealing

    Thanks! The button is gone, but the Title is still completely covering the image on those smaller screens. I think I didn’t use the correct terms in my original post since the button IS the caption . . . I should have said Title and CaptionButton (both are in the same dropdown of the Easy Slider element).

    Apologies for my confusion on terminology.

    May 31, 2024 at 8:01 pm #1447210
    Rikard

    Hi,

    Please try this CSS instead:

    @media only screen and (max-width: 767px) {
.page-id-16789 .av-slideshow-caption {
  display: none; 
}
}

    Best regards,
    Rikard

    May 31, 2024 at 9:58 pm #1447219
    gatehealing

    I made it site-wide by removing “.page-id-16789” . . . this worked, but let me know if that’s not the best way to accomplish it. Otherwise, we can close the thread.
    Thanks!
    Jon

    June 1, 2024 at 11:22 am #1447262
    Rikard

    Hi,

    Thanks for the update, removing the page ID class works for making it global. We’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘remove button and caption on mobile from slider’ is closed to new replies.