Another littel issue with tablet vertical view

This topic has 6 replies, 2 voices, and was last updated 10 years, 8 months ago ago by Eva Kemp

  • Avatar: Floppy78
    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?

    Screenshot

    Thanks in advance,
    Flora

    5 Answers
    Avatar: Eva
    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.

    Avatar: Floppy78
    Floppy78
    Participant
    April 8, 2015 at 16:42

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

    Thank you!

    Avatar: Eva
    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.

    Avatar: Floppy78
    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!

    Avatar: Eva
    Eva Kemp
    Participant
    April 8, 2015 at 18:02

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Another littel issue with tablet vertical view’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.