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 6 of 6
  1. #1
    Regular Coder
    Join Date
    Mar 2012
    Posts
    142
    Thanks
    17
    Thanked 0 Times in 0 Posts

    Stylesheet for specific browsers (iPad and iPhone)

    Several things on my site need a little fix for iPhones and iPads. Is there anyway to make a browser specific stylesheet for lets say Safari 5.1 and not just a general "safari" stylesheet?

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,485
    Thanks
    6
    Thanked 981 Times in 954 Posts
    No, and there shouldn’t be, actually. If you write your code properly then it will look similar in all devices. To address mobile devices, i. e. make your layouts responsive, there are media queries.

  • #3
    Regular Coder
    Join Date
    Mar 2012
    Posts
    142
    Thanks
    17
    Thanked 0 Times in 0 Posts
    Unfortunately the shopping cart/products page is where the problem is and I didn't write that code. Here is a screenshot from my iPhone where I am having the problem. Any ideas?



    Thanks

  • #4
    Regular Coder
    Join Date
    Mar 2012
    Posts
    142
    Thanks
    17
    Thanked 0 Times in 0 Posts
    Anyone?

  • #5
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    3,771
    Thanks
    23
    Thanked 550 Times in 549 Posts
    Any code? Need to see how this page is coded.
    Evolution - The non-random survival of random variants.

  • #6
    Regular Coder
    Join Date
    Mar 2012
    Posts
    142
    Thanks
    17
    Thanked 0 Times in 0 Posts
    Sorry that would be important when asking lol.

    I figured it out. I doubt anyone will search for this but ill post the answer anyway for wp e-commerce.

    In the shopping cart files there is a bit of code in gold_cart.js under grid_view that hardcodes in the width and percentage to each product.

    Also the .product_grid_display needs a @media to write in width for iphone. Maybe wrong, but works in all browsers, ipads and iphones now


  •  

    Posting Permissions

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