Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder
    Join Date
    Aug 2009
    Posts
    410
    Thanks
    119
    Thanked 0 Times in 0 Posts

    cancelling responsive max-height

    on this page when you shrink the browser down to a few inches to replicate a mobile device, there's a wide gap between the larger product pic and the thumbnails.

    i tried to reduce that gap by using the code below but it did not work. any ideas?


    Code:
    @media (max-width: 435px) {
    #shopp .gallery .previews {max-height:none !important;}
    }

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,777
    Thanks
    6
    Thanked 1,021 Times in 994 Posts
    I see a media at-rule of that kind (albeit empty) on line 1077 in your stylesheet but the rule that originally sets the max-height is starting on line 1089, so it’s overriding anything you do before. So, either move your custom rule further down in the stylesheet or use the !important keyword. Or better yet, change the rule on line 1089 altogether since I suppose you don’t even need that.

  • Users who have thanked VIPStephan for this post:

    sixrfan (05-15-2014)

  • #3
    Regular Coder
    Join Date
    Aug 2009
    Posts
    410
    Thanks
    119
    Thanked 0 Times in 0 Posts
    that worked. thanks


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •