Disqus Padding in Mobile View

  • Resolved chrislowthian

    (@chrislowthian)


    8 years, 11 months ago

    I am working on a site and have the Disqus Plugin installed for comments. It all works great apart from the left and right padding when viewing on an iPhone sized screen (tested on iPad which was fine) there is no padding as the comments go right to the left and right of the screen.

    I can add the following css which fixes the padding on mobile but makes the padding on normal screens huge:

    div#disqus_thread {
padding: 0 6.25%;
}

    How can I apply this to only the mobile view?

    Thanks in Advance!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hi Chris,

    Thanks for choosing Apex!

    I see what you mean about the padding around Disqus at mobile widths. You can use the following CSS to correct this:

    @media all and (max-width: 600px) {

  #disqus_thread {
    padding: 0 6.25%;
  }
}
    Thread Starter chrislowthian

    (@chrislowthian)

    Thank You! That did the job, much appreciated!

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome ??

    If you’re happy with Apex, could you take just a minute to leave a review? I would really appreciate it.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Disqus Padding in Mobile View’ is closed to new replies.