Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 8, 2016 at 3:18 am #658255
    teotaban

    Hello my friends,
    I want to hide a section n smartphone but only on smartphones not iPads :)
    This is the page link: http://de.prodesigncastello.com/
    Here you have a print screen: http://de.prodesigncastello.com/wp-content/uploads/2016/07/hide_section.jpg

    Is this possible? to show on iPads but hide on smartphone?
    Thank you

    July 8, 2016 at 6:22 pm #658536
    Rikard

    Hey teotaban,

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

    @media only screen and (max-width: 767px) {
#sectiune_ipad {
display:none; 
}
}

    Best regards,
    Rikard

    July 8, 2016 at 10:25 pm #658607
    teotaban

    Thanks…it,s working :)

    July 8, 2016 at 11:43 pm #658614
    teotaban

    Helo my friends :)
    the code it`s working but I did a mistake … i was thinking in iPad but I wrote Smartphones :(
    Cand you help me with another code for the same problem: to hide that section on ipad … only on iPads not smartphones
    Thank you and please forgive me for this mistake.

    July 10, 2016 at 12:14 pm #658933
    Rikard

    Hi,

    Try this instead: 

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
#sectiune_ipad {
display:none; 
}
}

    Regards,
    Rikard

    July 12, 2016 at 1:33 pm #659820
    teotaban

    Thanks :)

    July 13, 2016 at 11:35 am #660294
    Rikard

    Hi,

    Glad we could help :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Hide section on smartphones but show it on iPads’ is closed to new replies.