[hn345]

Thanks, Brad. I googled "mobile conditional tag" and came across a couple of very helpful tutorials on wpsites.net on the subject! I have seen many of your tutorials in recent months and found them useful.

At this point I'm going to stick with the CSS changes I made, because they seem to be working. I'll revisit the mobile conditional tag if there are any problems with specific devices.

Thanks again, and best regards.

[hn345]

I think I've fixed the issue using CSS code, but I'd still like to know if it's possible to exclude media screens with a simple conditional tag (or filter)? I'm waiting till I've tested all the code before marking this as resolved.

[hn345]

Dashboard => Appearance => Editor.

[hn345]

Hi Marco - A lot of these things can be accomplished in style.css (without any risk of your website crashing). I'm also using Metro Pro, and I removed parts of entry meta from category and other archive pages using the property "display: none". For example, to remove entry meta from Category with an ID of 18, add the following code to the end of your style.css:

.category-18 .entry-meta {
display: none;
}

The category IDs are listed in the categories page in admin. If you don't see them there, install a plugin called "Reveal IDs".

To look up the specific names of class selectors ("entry-meta", "entry-author", "entry-comments-link", etc), use Firebug or other similar tool to inspect the element.

The "display: none" property is also really handy for excluding items from the different mobile screens.

I hope that helps. Good luck with the website!

[hn345]

I'm not a professional web designer, but my understanding is that the !important declaration should be used sparingly, if at all, because it can have unintended consequences. It can override other important coding. That may be why it was not "included by default". But I do hope it works for your website!

[hn345]

Hi Brad,

Thanks so much for responding and giving me the options. The custom body class concept seemed easiest to implement. Managed to do it via a Studiopress code snippet to functions.php (my very first conditional tag!) and some styling to the pre-media queries section of style.css. It worked beautifully! But the celebrations were short lived, because the changes messed up the site on media screens! Now trying to figure out how to rectify those problems. Added some new code to the media queries sections, but it's not perfect. Metro Pro is beautifully responsive on all my media screens and I hate to mess with that.

Two new questions:
1) Is there a simple way to exclude media screens in the conditional tag? Ideally, would have something like:

If ( is_single() AND has_tag() AND..."is not a media screen"...

2) Generally speaking, after adding a new custom body class to a theme, is there a simple way to restore the original responsive settings in style.css, or would it require extensive coding in the media queries sections?

My site is not yet live, so can't give you the address. If you need it to help me with Q2, we'll have to wait a week or so, when I should be ready to go live with a basic version of the website.

Thanks,
h

[Author]

Posts