I like this plugin, but it's a little buggy.. or maybe I just need to get more familiar with all of the settings.. for example, you see how my text size in the buttons will resize when making the browser window smaller, but the border box around it doesn't proportionately resize? what am I doing wrong?
I did a lot of css to manage the border problem I posted about below, but I also wanted to mention that elements overlap each other.. see attached snapshot and my link when downsizing the browser window.. its as if z-index and/or absolute positioning are resulting in elements not acknowledging each other.. can this be fixed? It seems like this stuff shouldn't be happening
There is no bug involved. You have applied a minimum font size on the text layers. This will prevent them from going under a certain size, however the slider itself will still be scaled down proportionally to fit the screen resolution. This is why the text layers will overlap on small screens.
As an alternate solution, you could create separate layers for mobile and desktop view, so they will look good on both devices:
I like this plugin, but it's a little buggy.. or maybe I just need to get more familiar with all of the settings.. for example, you see how my text size in the buttons will resize when making the browser window smaller, but the border box around it doesn't proportionately resize? what am I doing wrong?
I did a lot of css to manage the border problem I posted about below, but I also wanted to mention that elements overlap each other.. see attached snapshot and my link when downsizing the browser window.. its as if z-index and/or absolute positioning are resulting in elements not acknowledging each other.. can this be fixed? It seems like this stuff shouldn't be happening
link: http://dev.100eight.com/test_1/
Hey nulrick,
There is no bug involved. You have applied a minimum font size on the text layers. This will prevent them from going under a certain size, however the slider itself will still be scaled down proportionally to fit the screen resolution. This is why the text layers will overlap on small screens.
As an alternate solution, you could create separate layers for mobile and desktop view, so they will look good on both devices: