Support for Envato Buyers Forums OldCar Logo cropped on iPhone

Viewing 7 reply threads
  • Author
    Posts
    • #5623
      loverslane
      Member

      http://i.imgur.com/j4ELmwa.jpg

      My logo is cropped on my iPhone and I’m not sure how to fix it.

      I have the following code implemented, but it doesn’t resolve the issue.

      .responsive-logo {background: url(http://www.loverslanediy.com/wp-content/uploads/2014/07/Lovers-Lane-DIY-v5-Mobile.png) no-repeat;}
      @media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
      only screen and (-moz-min-device-pixel-ratio: 1.5),
      only screen and (-o-min-device-pixel-ratio: 3/2),
      only screen and (min-device-pixel-ratio: 1.5) {
      .responsive-logo {background: url(http://www.loverslanediy.com/wp-content/uploads/2014/07/Lovers-Lane-DIY-v5-Mobile-HiRes.png) no-repeat;
      }

      Any suggestions?

      Thanks,

      LoversLaneDIY

    • #5631

      Try to change your CSS to

      .responsive-logo {background: url(http://www.loverslanediy.com/wp-content/uploads/2014/07/Lovers-Lane-DIY-v5-Mobile.png) no-repeat;}
      @media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
      only screen and (-moz-min-device-pixel-ratio: 1.5),
      only screen and (-o-min-device-pixel-ratio: 3/2),
      only screen and (min-device-pixel-ratio: 1.5) {
      .responsive-logo {background-size:140px auto;background: url(http://www.loverslanediy.com/wp-content/uploads/2014/07/Lovers-Lane-DIY-v5-Mobile-HiRes.png) no-repeat;
      }

      Thanks

    • #5641
      loverslane
      Member

      Hmmmm I changed to the CSS you provided and nothing has changed.

    • #5646

      Sorry, my custom CSS is incorrect.
      Post again

      .responsive-logo {background: url(http://www.loverslanediy.com/wp-content/uploads/2014/07/Lovers-Lane-DIY-v5-Mobile.png) no-repeat;}
      @media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
      only screen and (-moz-min-device-pixel-ratio: 1.5),
      only screen and (-o-min-device-pixel-ratio: 3/2),
      only screen and (min-device-pixel-ratio: 1.5) {
      .responsive-logo {background-size:140px auto;background: url(http://www.loverslanediy.com/wp-content/uploads/2014/07/Lovers-Lane-DIY-v5-Mobile-HiRes.png) no-repeat;
      }
      
    • #5654
      loverslane
      Member

      That still doesn’t fix it. Any other suggestions?

    • #5658

      Can you post your wp login details with private reply? let’s me try it by myself.

    • #5660
      loverslane
      Member
      This reply has been marked as private.
    • #5666

      Hi

      Fixed. Please check again.

      Thanks

Viewing 7 reply threads
  • You must be logged in to reply to this topic.