Return to previous page

Another littel issue with tablet vertical view

This topic has 6 replies, 2 voices, and was last updated 9 years, 7 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

    #55600 Copied
    5 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    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
    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!

    #55705 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    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
    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!

    #55728 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    April 8, 2015 at 18:02

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

    #55734 Copied
  • 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

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Bags Store – WooCommerce Theme
lazy-placeholder
Architecture – WordPress Theme
lazy-placeholder
Niche Market 02 – Multivendor WP WooCommerce Theme
lazy-placeholder
Shoes Store – WordPress WooCommerce Theme
lazy-placeholder
WooPress Fullwidth
lazy-placeholder
Headphone Store – WordPress WooCommerce Theme
lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
Spa – WooCommerce Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Watches Store – WooCommerce Theme

See All Templates

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