New Landing How can we help? Cardinal Hide Swift Slider on mobile

Viewing 6 posts - 1 through 6 (of 6 total)
  • Posted in: Cardinal
  • #248026
    michaelgiso
    Member
    Post count: 31

    Hi,

    I want to hide the Swift Slider on mobile on a specific page, is there a custom CSS code to do that? I already saw a topic here where you provided CSS to hide the slider on all pages, but I want to hide the slider just on one specific page. The page is: https://www.michael-giso.com/shop/winter-2016-shirts/.

    Thanks!

    #248031
    David Martin – Support
    Moderator
    Post count: 20834

    Each WordPress page has a unique body class, so for that page prefix your slider CSS with the id. Ex:

    .page-id-6178 { /* Your code */ }

    Thanks.

    #248214
    michaelgiso
    Member
    Post count: 31

    Should the code be placed in the Custom CSS section in the Theme Options? And what should the code look like? Because I can’t get my code to work, but can’t figure out what I’m doing wrong.

    #248227
    David Martin – Support
    Moderator
    Post count: 20834

    Exactly, so an example would look like:

    @media only screen and (max-width: 479px) {
    .page-id-6178 .swift-slider-outer { 
        display: none; 
    }
    }

    Thanks

    #248271
    michaelgiso
    Member
    Post count: 31

    It worked, thanks!

    #248280
    David Martin – Support
    Moderator
    Post count: 20834

    Great, no problem!

    – David.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register