WordPress.org

Forums

Virtue
iphone vs ipads / phones vs tablets (33 posts)

  1. Dddt
    Member
    Posted 1 year ago #

    Hello
    I really would like to be able to disable the slider for iphones or mobile phones but keep it for ipads and tablets.

    This will enable to get into site easier on iphones and mobile phones and it will save more space. For ipads and tablets the slider is ok, it does not show any issue with opening speed.

    Any suggestions, help.?

  2. Andrew
    Forum moderator
    Posted 1 year ago #

    A quick fix could be just to hide the slider with CSS on mobile, is that okay?

  3. Dddt
    Member
    Posted 1 year ago #

    Will that disable for only phones?

  4. Andrew
    Forum moderator
    Posted 1 year ago #

    Don't know what you mean by disable

  5. Dddt
    Member
    Posted 1 year ago #

    I mean not to have slider on phones but have it on tablets

  6. Andrew
    Forum moderator
    Posted 1 year ago #

    Yes that would happen

  7. Dddt
    Member
    Posted 1 year ago #

    Can you help me ? I need the appropriate css for that.

  8. Andrew
    Forum moderator
    Posted 1 year ago #

    Does Virtue have a section of the dashboard for CSS modifications? Like "Custom CSS"?

    Also, can you link a Webpage with the slider?

  9. Dddt
    Member
    Posted 1 year ago #

    yes, it does.

    Webpage is d d d e n t dot c o m

  10. Andrew
    Forum moderator
    Posted 1 year ago #

    Try adding this:

    @media all and (max-width: 480px) {
        .sliderclass {
            display: none
        }
    }
  11. Dddt
    Member
    Posted 1 year ago #

    No, this did not work, the slider is still visible on iphones

  12. Andrew
    Forum moderator
    Posted 1 year ago #

    So where exactly did you put the CSS?

  13. Dddt
    Member
    Posted 1 year ago #

    Theme opthins - advanced setting - custome css

  14. Andrew
    Forum moderator
    Posted 1 year ago #

    For some reason it looks like that setting isn't working.

    Install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin

    Then use its "CSS Code" section of the dashboard to hold your CSS modifications.

  15. Dddt
    Member
    Posted 1 year ago #

    It really works, beleive me, I have a lot of. Modifications in it and they all work

  16. Andrew
    Forum moderator
    Posted 1 year ago #

    Could you put this into it:

    body {
     border: 10px solid red !important;
    }
  17. Andrew
    Forum moderator
    Posted 1 year ago #

    Okay I now see your Custom CSS in your page.

    You have this in it:

    @media all and (max-width: 480px) {
    &    nbsp;   .sliderclass {
                    display: none
     
             
        }
    }

    Did you copy the code I posted from like your email? It can get corrupted that way.

  18. Dddt
    Member
    Posted 1 year ago #

    Sure, but should I remove the old one u shared?

  19. Dddt
    Member
    Posted 1 year ago #

    I coppied it from here above

  20. Andrew
    Forum moderator
    Posted 1 year ago #

    Sure, but should I remove the old one u shared?

    Yeah that one seems to be corrupted

  21. Dddt
    Member
    Posted 1 year ago #

    So, what I should copy and what I should remove, I am messed, sorry :)

  22. Andrew
    Forum moderator
    Posted 1 year ago #

    Sorry could you try re-adding this:

    @media all and (max-width: 480px) {
        .sliderclass {
            display: none;
        }
    }
  23. Dddt
    Member
    Posted 1 year ago #

    Ok, let me try it

  24. Dddt
    Member
    Posted 1 year ago #

    Should I still put this too?

    body {
    border: 10px solid red !important;
    }

  25. Andrew
    Forum moderator
    Posted 1 year ago #

    Should I still put this too?

    Yes, that would be good to help us debug why the CSS isn't working.

  26. Dddt
    Member
    Posted 1 year ago #

    Ok

  27. Dddt
    Member
    Posted 1 year ago #

    I did both, slider is still visible on phones :(

  28. Andrew
    Forum moderator
    Posted 1 year ago #

    Looks like you fixed it now?

    By the way you can remove this:

    body {
     border: 10px solid red !important;
    }
  29. Dddt
    Member
    Posted 1 year ago #

    no, it is visible on phones

  30. Andrew
    Forum moderator
    Posted 1 year ago #

    Sorry, I can't experience your issue.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic