CSS Assistance with 1.Blog Roll & 2.Responsive design-vertical views on tablets

empresenta · Member · Oct 11, 2014 at 4:31 pm
Copy link

Add topic to favorites
1. On our Home Page we have a blog roll which displays the featured image to the left but also has some info underneath the featured image: the date, author, comments, etc. Can I remove that from that part of the blog roll on the Home Page?

2. Is there a responsive design for the site? The President of LPBA is inquiring because when the site is viewed in a Vertical format on a tablet the tabs from the Main Menu start to stack…the last tabs move to the left, actually so the Main Menu looks off (on the tablets not phones).

The blog I need help with is: (visible only to logged in users)
hallluke · Member · Oct 11, 2014 at 4:43 pm
Copy link
You can hide the meta data for your posts on the home page by adding this to your custom CSS:
```
.home .post_meta {
  display:none;
}
```
The theme is responsive but I can see what you mean about the menu splitting to two lines for portrait orientation tablets. How would you like it to appear instead?
designsimply · Member · Nov 20, 2014 at 8:24 pm
Copy link
I checked http://north13lunaparkdistrict.org/ and I think one thing that might help would be to use less padding between menu elements and apply that only to iPad-sized screens using a media query like this:
```
@media only screen
and (min-width : 768px)
and (max-width: 960px) {
  .navigation li a {
     padding: 4px 5px;
  }
}
```
To learn more about how media queries work, see http://en.support.wordpress.com/custom-design/custom-css-media-queries/

No items found.