Hever theme: Incompatible with Blog Posts > Grid View > Show Media Behind

• 

  unswihstudent · Member · May 12, 2020 at 1:03 pm

  • Copy link
  • Add topic to favorites

  This bug is present when a grid item has image behind.
  See the CSS bug on this page: https://unswih.wordpress.com/

  The last item in the latest blog posts (“latest menu”) is sticking out when the viewport width is >782px.

  This is caused by the following conflicting CSS:
  `
  
  @media only screen and (min-width: 782px)
  .wpnbha.is-grid article, .wpnbha.is-grid article:last-child {
  margin-bottom: 1em;
  }
  `

  The margin-bottom should be the default 96px, not overwritten to 1em as done by the media query here.

  This is a bug that should be fixed by WordPress staffs. Otherwise, are there any quick fixes / any methods to undo the media query?

  Thank you!!

  The blog I need help with is: (visible only to logged in users)

• 

  unswihstudent · Member · May 12, 2020 at 1:05 pm

  • Copy link

  The code format is not showing up correctly. Let me try one more time:
  
@media only screen and (min-width: 782px)
.wpnbha.is-grid article, .wpnbha.is-grid article:last-child {
margin-bottom: 1em;
}


• 

  staff-zinnia · Staff · May 13, 2020 at 7:33 pm

  • Copy link

  Hi –

  Before diving in to things I want to first make sure that we’re looking at the same item on the site. Take a look at this screen shot to confirm: https://d.pr/i/MuFHXr

• 

  unswihstudent · Member · May 17, 2020 at 2:12 am

  • Copy link

  Yes, this is absolutely correct.

  Apologies for my really late reply. The notification mail ended up in Trash directory.

• 

  staff-mckluskey · Staff · May 18, 2020 at 10:06 am

  • Copy link

  Thanks, I have reported the issue here, you can add a comment of follow it to be notified of any updates.

• 

  unswihstudent · Member · May 18, 2020 at 11:44 am

  • Copy link

  Thank you so much!