css vw issue on firefox and android chrome

kerin2014 · Member · Nov 16, 2014 at 8:08 am
Copy link

Add topic to favorites
this relates to the latest post called Scrolling Kisses – the latest one on my blog

basically I wrap all my divs in this structure
```
#post-2721 #background-wrap {

    	             bottom: 0;
                   left: 0;
                   padding-top: 50px;
                   position: relative;
                   right: 0;
                   top: 0;

		               width: 50vw;
							     height: 100vh;
	                 overflow: hidden;
				          background: -webkit-linear-gradient(green, white) center;
	                background: linear-gradient(green, white) center;
	                overflow-y: scroll;

      }
```
i have tried to size the width parameter correctly by use width=somevalue of vw
but the result is only okay on chrome

it looks terrible on firefox and horrible on android chrome on an galaxy s5

any sugested fixes would be most appreciated! thank you.

The blog I need help with is: (visible only to logged in users)
designsimply · Member · Nov 18, 2014 at 7:59 pm
Copy link
For reference, here is a link to the Scrolling Kisses post:
http://needlepointland.com/2014/11/16/scrolling-kisses/

It’s always a good idea to include a link to a live example.

it looks terrible on firefox and horrible on android chrome on an galaxy s5

I don’t have a Galaxy 5 but I can help you test Firefox. I tried checking the post just now, and it looks like the width for the “#post-2721 #background-wrap” is set to 510px not 50vw in your custom CSS right now. Did you change it because it wasn’t working for you before? If you still need help, can you confirm for me that http://needlepointland.com/2014/11/16/scrolling-kisses/ is the correct link where I can see the problem in action?

No items found.