Images unsharp/ Responsive view

• #91671

  
  BrianKlomp
  

  On February 6, 2014 at 6:38 pm

  Hi admin! 😉 Great theme, thank you very much!

  Got to questions for you 🙂
  1- When I add a image to my post ( Featured Image ) It’s unscharp, what’s the image size to use for sharp images?

  2- The menu get’s pushes down the header/menu bar when scaled to a width off ~1100 px . Where do I adjust the responsive beheviour of it,
  2-b. and also when to show the mobile menu, I would like to start at ~900px.

  Thanx bro! Agian, great work! 😉

  #91951

  
  Towfiq I.
  

  administrator

  On February 7, 2014 at 8:05 am

  1. 350px x 240px

  2. whats your site address?

  #92166

  
  Brian Klomp
  

  On February 7, 2014 at 1:48 pm

  My test location is on http://ontwerp-mijn-site.nl/

  Images are still blurry in 192081080 view.

  #92292

  
  Towfiq I.
  

  administrator

  On February 7, 2014 at 9:48 pm

  aah. you are using the full width layout… in that case the thumbnail size should be 400px x 280px

  2. Add this to your Custom CSS tab:

  @media screen and (max-width: 960px){
  #topmenu{display: none;}
  #simple-menu{display: block;float: right;background:rgba(0, 0, 0, 0.5);padding: 15px 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-top: 1.5%;}
  }
  

  #92539

  
  Brian Klomp
  

  On February 8, 2014 at 7:02 pm

  Still blurry… The images get cut off, that could be it?
  Also the .midrow_block(s) only get pused under ech other in mobile view (480px) I would like to keep em like to make a 4 on a row 3 on ar ow 2 on a row system. What you think?

  #92594

  
  Jay
  

  On February 8, 2014 at 11:27 pm

  I’m running into the same thing. I am trying to use it with woocommerce though. Product images are pixelated. The preview image and full size are both blurry and pixelated, but they look fine in photoshop. http://www.lovepimpapparel.com/

  Poor Towfiq, makes a beautiful theme and then has to deal with all these endless questions. I’m considering going with the paid version for all the flack he has to deal with.

  #92893

  
  Towfiq I.
  

  administrator

  On February 10, 2014 at 7:06 am

  @Brian change the 960 to 1120

  @media screen and (max-width: 960px){

  @jay you get my pain bro…

  And the issue with the woocommerce images being blurry is because they are using thumbnail size images(150px x 150px) to display the product image. is there a setting that you can change from “thumbnail” to “medium” from woocommerce options page?

  #93759

  
  Martins
  

  On February 13, 2014 at 12:39 pm

  Please, I have a small problem. Using WordPress 3.8.1, I want my shop base to display products, and not products archive, thats why its not displaying properly. Please I don’t know what to do again. My website: deepbluetraffic.com. Please this is urgent.

  #93883

  
  Towfiq I.
  

  administrator

  On February 13, 2014 at 7:10 pm

  Martins you will have to ask this on woocommerce support forum.

  #94862

  
  Brian Klomp
  

  On February 17, 2014 at 11:17 am

  Hey T, don’t have it working yet.
  Could you take a peak?
  Thanx in advance!

  #94988

  
  Towfiq I.
  

  administrator

  On February 17, 2014 at 6:56 pm

  Brian try adding this to your fucntions.php:

  add_filter( 'jpeg_quality', create_function( '', 'return 100;' ) );