Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 9, 2014 at 2:28 pm #262368
    baiker

    Hi
    How can I hide one specific page of my site on mobile phones?
    Thanks for your help.

    May 9, 2014 at 2:30 pm #262369
    Yigit

    Hi baiker!

    You can add following code to Quick CSS 

    @media only screen and (max-width: 480px) {
#menu-item-59 { display: none !important; }}

    You can right click on Chrome or Firefox to inspect elements to find menu item ID http://i.imgur.com/HyPTCRg.jpg

    Best regards,
    Yigit

    May 9, 2014 at 3:13 pm #262387
    baiker

    Hi Yigit

    Wow, what a fast response, thank you very much!!
    It helps me to hide the menu items. Is it possible to deactivate the whole site on mobiles instead of hiding just the menu items? I tried with:

    @media only screen and (max-width: 480px) {
    #page-id-88{ display: none !important; }}

    ..but does’nt work.

    And the other question: may I put different menu-item-id’s in one line? What would be the separator?

    Thanks again!

    • This reply was modified 10 years, 7 months ago by baiker.
    May 9, 2014 at 6:52 pm #262533
    Josue

    Hey!

    The code doesn’t work because the page-id is not an ID but a class:

    @media only screen and (max-width: 480px) {
.page-id-88{ display: none !important; }}

    To make it multiple, use commas:

    .page-id-xx, .page-id-zz

    Regards,
    Josue

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