Jump to content

Archived

This topic is now archived and is closed to further replies.

nfp1900

Standard options to include tablet as well as mobile

Recommended Posts

nfp1900

The standard option checkboxes are a great way of adjusting visible content. However it would be good if there could be an option for tablet/ipad  rather than lumping these under mobile. The site generally responds correctly in both landscape and portrait with all content but often needs columns suppressing only on the phone. 

 

I know I could add a custom class and media screen but it's always worth asking....

 

 

Share this post


Link to post
Share on other sites
Danny

Hi,

 

Unfortunately, those options use the wp_mobile function to my knowledget and therefore, it is out of our hands, as they include tablets/mobile phone all under the one. However, you can add a custom class to any section and use custom CSS to hide that section via CSS.

 

Try something like this:

 

Add the following to a section styling classes field:

 

hide-on-mobiles

 

Then use the following CSS:

 

@media screen and (max-width: 568px) {
  .hide-on-mobiles {
    display: none !important;
  }
}
 
You can also see this article to hide on specific devices - http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
nfp1900

ok thanks, I did find a link which was meant to offer different designs based on ipad in landscape/portrait but the operation seemed a bit flaky. I will investigate a bit more as it's getting more important to now create consistent designs over all devices.

Share this post


Link to post
Share on other sites

×