carolinevickers Posted February 28 Share Posted February 28 (edited) HELP!! I have used a ninjakit chrome extension in order to create an image slider that can be seen as the third image on this page. The issue I'm having is that I cant seem to get the slider to display both images at full width- particularly on mobile. I've tried setting the width & height manually in both the code block injection on the page and the custom CSS on my website- neither of which have worked. Current code block injection is: <div id="ninja-elements" class="ix-block-ninja-custom-after-before"><div id="comparison"><figure style="background-image: url("https://i.postimg.cc/d361Qt1s/nike-dunks-green-on-backgroung.jpg"); --ixaftercolor:#2788D800;" data-content=""><div id="handle"></div><div id="divisor" style="background-image: url("https://i.postimg.cc/8Cxfx5Fx/nike-dunks-outline.jpg"); --ixbeforecolor:#FFFFFF00;" data-content=""></div></figure><input type="range" min="0" max="100" value="50" id="slider"></div></div> website page is: https://www.carolinevickersdesigns.com/new-page-1-1-1-2-1-2-1-1 Edited February 28 by carolinevickers included web url Link to comment
tuanphan Posted March 2 Share Posted March 2 You mean this? It looks fine to me on mobile Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment