Bullet Points not displaying correctly

  • Unknown's avatar
    kevinbombardier · Member ·

    First time asking for help with wordpress, so please bear with me =). I tried looking up the issue, but really didn’t find anything useful.

    I have a bullet point list that’s displaying very oddly, especially on mobile devices:

    http://imgur.com/a/wOEmS

    The first picture is on a phone. The second picture is on my computer. For a while I was having issues on the computer too, but I deleted a text-editor plugin to try and solve the problem. Ended up fixing it on my computer, but not on mobile devices.

    Weird observations I noticed: This issue only persists if I change the color or font size from the default settings… once I change those, the bullet points drop down to the bottom and not on the line they are supposed to be. I found that really weird.

    Here is the code for the pictures displayed above.

  • <span style=”font-size: 20px; color: #000080;”>PHYS 314L – Physics For Scientists II Lab</span>
    <ul style=”list-style-type: disc;”>
  • <span style=”font-size: 20px; color: #000000;”>A calculus based approach to introductory electricity and magnetism.
  • <span style=”font-size: 20px; color: #000000;”>Labs involved subjects such as capacitance, Kirchoff’s Law, induction, photoelectric effect, and radiation.

    • Theme being used: Tesseract Theme

    Plugins being used:

    – Beaver Builder Plugin (Lite Version)
    – Contact Form 7
    – Photo Gallery
    – Quiz and Survey Master
    – W3 Total Cache
    – WP QuickLaTeX
    – Youtube

    Appreciate any help. Thanks! Can provide more info if needed, but wasn’t sure what all to provide.