Internet Explorer css

• 

  cookitfastnet · Member · Jul 26, 2018 at 2:23 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  I’ve added some custom CSS to my site :/* Remove entry summary below posts on category pages */
  .category .blog-entry .blog-entry-summary {
  display: none;
  }

  /* Display posts on category pages in multiple columns instead of a single large column, except on mobile devices and some tablets */
  
  @media screen and (min-width: 683px) {
  .category #content #blog-entries {
  display: flex;
  flex-flow: row wrap;
  }

  .category .thumbnail img {
  height: 200px;
  }

  .category .blog-entry {
  max-width: 30%;
  margin: 0 10px;
  }
  }
  /* Moves the rating results to their own block and replaces word wrap in post titles on category pages with ellipsis */
  .category .rating-result {
  display: block;
  }

  .category .blog-entry-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  }

  .category .blog-entry.post .blog-entry-header .entry-title a {
  font-size: 24px;
  }
  /* set height of related items thumbnail images */
  .related-thumb img {
  height: 200px;
  }
  which adds columns to my blog pages. When I view the site on Internet Explorer, it appears differently (open this scrrenshot: : :https://cookitfast.net/wp-content/uploads/2018/07/not-good.png
  would anyone be able to provide some CSS for me to fix this?

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

• 

  staff-zinnia · Staff · Jul 26, 2018 at 4:37 pm

  • Copy link

  Hi –

  Which version of IE do you have installed?

  As part of your business plan there’s access to our live chat support 7 days per week. Head over to https://wordpress.com/help/contact/ to get connected. That is going to be the quickest way to get help with your site.

  Of course, I am happy to help you here in the free public forums. Being asynchronous by nature though it will take us a bit longer to reach a resolution.