Support ForumHide some elements on mobile screen size and iPhone or iPad – Support Forum https://support.ishyoboy.com/forums/topic/hide-some-elements-on-mobile-screen-size-and-iphone-or-ipad/feed/ Fri, 04 Sep 2026 13:51:48 +0200 http://bbpress.org/?v=2.5.12-6148 en-US https://support.ishyoboy.com/forums/topic/hide-some-elements-on-mobile-screen-size-and-iphone-or-ipad/#post-5001 <![CDATA[Hide some elements on mobile screen size and iPhone or iPad]]> https://support.ishyoboy.com/forums/topic/hide-some-elements-on-mobile-screen-size-and-iphone-or-ipad/#post-5001 Wed, 08 Oct 2014 22:53:33 +0000 gstudio Hi,

I want to be able to hide some elements on my page if they were viewed from a mobile devices. For an example, I want to hide the clapboard icon on the home page if it was viewed from an iPhone. Could you give one example of how to do that?

Thanks in advance.
Josh
https://www.gloostudios.com/v4/

]]> https://support.ishyoboy.com/forums/topic/hide-some-elements-on-mobile-screen-size-and-iphone-or-ipad/#post-5012 <![CDATA[Reply To: Hide some elements on mobile screen size and iPhone or iPad]]> https://support.ishyoboy.com/forums/topic/hide-some-elements-on-mobile-screen-size-and-iphone-or-ipad/#post-5012 Thu, 09 Oct 2014 07:45:21 +0000 IshYoBoy Hi,

You can use custom CSS and MediaQueries. Use a css selector to target the element you need and then just set its “display” property to “none” via css. In order the change to only apply on iPhone or under a given screen width, let’s say 768px then use css media query. Read more about Media queries:

https://stephen.io/mediaqueries/

CSS3 Media Queries


Or just google :)

Once you have your code. Just add it to the “Custom CSS” field under “Theme Options” or to your child theme’s “child-theme.css”.

P.S. Make sure your CSS is valid as if you have an error it might disable many other styles on the page.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

]]>