• 

  Floppy78

  Participant

  April 8, 2015 at 12:57

  Hi again!
  I’ve this issue with vertical view of tablets: (I’ve seen this kind of problem in WooPress demo too)
  the central banner content is not properly resized. I’ve tried a few css solutions without success..
  Could you help me please?

  

  Thanks in advance,
  Flora

  #55600 Copied
  5 Answers
  

  Eva Kemp

  Participant

  April 8, 2015 at 13:49

  Hello,

  Please try to use this code in custom.css file:

  @media only screen and (max-width: 979px) and (min-width: 768px) {
  .banner img {
    height: 340px !important;
  }}

  Thank you.
  Regards,
  Eva Kemp.

  #55635 Copied
  

  Floppy78

  Participant

  April 8, 2015 at 16:42

  Hi Eva!
  This solution fixes the image but stretches the content of the banner..
  

  Thank you!

  #55705 Copied
  

  Eva Kemp

  Participant

  April 8, 2015 at 17:14

  Hello,

  Please add this code as well:

  @media only screen and (max-width: 979px) and (min-width: 768px) {
  img.alignnone.size-full.wp-image-16609 {
    height: auto !important;
  }}

  Regards,
  Eva Kemp.

  #55717 Copied
  

  Floppy78

  Participant

  April 8, 2015 at 17:43

  Thanks for your patience, Eva.
  Your solution fixed the problem for the width of the content, but I needed to change top margin of the content for vertical tablet view. So to have more control on this I created a class for that margin and used it with different values for different resolutions (instead of using in-line style).
  Now it’s quite perfect..
  Hope this solution may be useful for other people. 🙂
  Thanks a lot again!

  #55728 Copied
  

  Eva Kemp

  Participant

  April 8, 2015 at 18:02

  Hello,

  You’re welcome.

  Regards,
  Eva Kemp.

  #55734 Copied
• Viewing 6 results - 1 through 6 (of 6 total)