Okay
  Public Ticket #3570759
Blank space on mobile browsers
Closed

Comments

  • Nick Driscoll started the conversation

    Hi! Really awesome theme, everything is working great, thanks for your work on this.


    There is approximately 80px of blank white space on the right hand side of the page when I view my site - and your demo example on themeforest - on any mobile browser, including Safari and Chrome on iOS. In Chrome, it shows the blank space right away, and in Safari, when you scroll left or right, the blank space appears and does not snap back to centre. I checked the WordPress demo of this theme on mobile, and there is no blank white space, so I'm guessing it's something in the CSS... Please let me know if there's a way to fix this before I go poking around changing things. I've attached a few examples from your demo site and one from mine. Feel free to check out my site nickdriscoll.com to see another example.


    Thanks in advance for your time!

    Attached files:  IMG_7652.PNG
      IMG_7650.PNG
      IMG_7651.PNG
      IMG_7649.PNG

  •   Nick Driscoll replied privately
  •  850
    Jelly replied

    Hello,

    Please open .html file and find 810 line. Remove p-0 from class. Next add this code to /assets/css/style.css:

    @media only screen and (max-width: 960px) { .jp-audio { width: 100%; }}

    Best Regards,
    Jelly Team

  • Nick Driscoll replied

    Thanks so much, that worked! Appreciate the quick support.

  •  850
    Jelly replied

    Perfect!

    I am currently closing the ticket. Please don’t hesitate to submit a ticket whenever you need help. I will be happy to assist you.

    P.S. I would appreciate if you could please rate the Theme and like the assistance under my support, means a lot to me. Thank you.

    You can rate it with your themeforest account at your downloads page, precisely at this link: http://themeforest.net/downloads and hover over the 5 stars for our theme.

    Thank you so much for all your help!!!

    Best Regards,
    Jelly Team