SitePoint Sponsor

User Tag List

Page 2 of 2 FirstFirst 12
Results 26 to 32 of 32
  1. #26
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,795
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    Quote Originally Posted by mbond5 View Post
    Thanks Paul,

    Still trying to make the "Go Back to Styles" on the SlideUp click to close both on computers, iPhones, iPads etc not just touch screen stuff and then as mentioned in my PM on the horizontal mobile the slide up background stops even with a overflow: hidden;

    Thanks
    I gave you a solution above to close it on the ipad. You can place the link anywhere you want but I just put it in the left corner.

    I don't have a real ipad to test at the moment but it seems to work ok on the mac ipad simulator in landscale and portrait.

  2. #27
    SitePoint Guru
    Join Date
    Aug 2009
    Posts
    603
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Thanks Paul, didnt seem to work when I added that code and styles to the Go Back to Style text on the computer , phone and ipad. I'll keep looking into it, any reason why the landscape mobile slide background doesnt completely fill in thats the main issue now it works well on portrait on mobile and computer, ipad but on my iphone it doesnt it slides nice but the background doesnt continue all the way down to the footer just the text.

  3. #28
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,795
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    Why are you setting the wrapper to 300px high here?

    Code:
     @media only screen and (min-width: 480px) and (max-width: 767px) {
    #wrapper {
    	width: 100%;
    	height: 300px;
    }

  4. #29
    SitePoint Guru
    Join Date
    Aug 2009
    Posts
    603
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I set it to 300px high because its not having a fixed height or should I be setting the male and female to 300 px high instead of the wrapper?

  5. #30
    SitePoint Guru
    Join Date
    Aug 2009
    Posts
    603
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hey Paul, just wondering if you got chance to take peak at this issue?

    Thanks

  6. #31
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,795
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    Quote Originally Posted by mbond5 View Post
    Hey Paul, just wondering if you got chance to take peak at this issue?

    Thanks
    If you are talking about landscape and portrait mode on the ipad then I don't see an issue on my ipad as the slide works and the background goes from top to bottom. I don't have an iphone to test sorry.

    I don't like that you have re-directed to the home page though to close the slide. The technique I already gave you will work. For example when the slide is open if you simply click the "New look" image in the bottom left hand corner the slide will close. Therefore you could just create a similar link for the ipad as I have shown in the above code.

  7. #32
    SitePoint Guru
    Join Date
    Aug 2009
    Posts
    603
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Ok I tried the way you mentioned on the Go Back To Styles text and it didnt work. I will put the code you gave me on the image though so its there as well but am hoping to get the Go Back To Styls to close the slide as well.

    Thanks,

    Mike


Bookmarks

Posting Permissions

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