Desktop vs. mobile: Noticing difference on "gray bar"

[riseUp]

Hello,

When viewing the website via desktop, you will notice that the website has gray bars separating each post where the gray bars include the post date and user name. I called it a "gray bar" but there is probably a better name for this.

When I view the website via my mobile phone, I notice that the "gray bar" is just a line where I can't see the post date nor user name.

Where in the CSS can I adjust/modify so that there is consistency to actually show the bar, post date, and user name on mobile? I'd like to also change the color of the mobile too but can't seem to find where to do all this in CSS.

Thanks!

http://www.ymphony.com

[ᴅᴀᴠɪᴅ]

It's because in your CSS you have;

.entry-meta {
   display: none;
}

in the media queries causing it to disappear on small screens. I recommend you learn how to use firebug as this will help you quickly solve problems like this. Once installed, you can click on any element on your page and check what CSS is targeting it. This was all I did and saw immediately the code above was the problem.

---

I love helping creative entrepreneurs build epic things with WP & Genesis.

Follow on Twitter

[riseUp]

Great recommendation on FireBug! Thanks for this! I was able to update this base upon your recommendation. Thanks again.

[Author]

Posts