Epik Theme issue with responsiveness

Homepage › Community Forums › General › Epik Theme issue with responsiveness

Tagged: 

  • This topic has 3 replies, 2 voices, and was last updated 8 years ago by Wes.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 23, 2016 at 1:16 pm #17576
    obabilon
    Customer

      I’m having an issue with responsiveness. When someone views my lesson on a mobile device the notepad area overlaps other areas. It seems to not obey responsive code on not so wide devices. How do I adjust my CSS to fix this?

      Here is a screen shot of what’s happening:

      http://babilonarts.us/issues/Narrow-width.jpg
      http://babilonarts.us/issues/regular-width.jpg

      Here is a link to a sample page:
      http://deepcurrents.org/responsive-issue/

      I’ve reached out to WP Notepad the plugin that is overlapping and they’ve yet to responded so I thought I’d reach out to you to see if you have a quick CSS fix I can implement.

      Thank-you,

      Brigette

      March 26, 2016 at 9:44 am #17607
      Wes
      Moderator

        It looks like it’s coming from the css you added on line 2193. You have position: absolute which is causing it to overlap.

        Once you remove that line it should fix it. Make sure and click your Reload button on your browser once you make the edit so the changes appear instantly.

        .lesson-sidebar {
	position: absolute;
	margin-top: 20px;
	width: 350px;
}

        Here’s what it will look like once you make that adjustment – http://i.imgur.com/fiqkulf.png

        Let me know if that works.

        March 26, 2016 at 10:06 am #17609
        obabilon
        Customer

          That was it! You found it. Thank you so much.

          March 26, 2016 at 8:18 pm #17613
          Wes
          Moderator

            You’re Welcome!

          • Author
            Posts
          Viewing 4 posts - 1 through 4 (of 4 total)
          • The topic ‘Epik Theme issue with responsiveness’ is closed to new replies.