153 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 1+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 1+ items on Envato Market
+2 more
Genem says

Title says it all, I just can’t figure it out. Everything I have tried so far, and I just can’t seem to recreate it.

Can anyone help, please?

Thanks.

2268 posts Bird is the word..
  • Located in United States
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $500,000+ on Envato Market
  • Has been part of the Envato Community for over 6 years
+8 more
jonathan01 says

Technically speaking they are not full width sliders – normally around 1400 pixels – that’s all :) If you have a large monitor then opening the browser from edge to edge would reveal this – also using firebug in firefox you can see it in the code – hope that helps!

2952 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 200+ members
  • Has sold $125,000+ on Envato Market
  • Had an item featured in an Envato Bundle
+10 more
DDStudios says

I usually make them 1900px wide.

It’s just a matter of using the CSS attribute ‘position’ the right way.

uou might wanna use overflow-x: hidden; too to avoid the horizontal scrollbar

558 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $750,000+ on Envato Market
  • Had an item featured in a magazine
  • Made it to the Authors' Hall of Fame
+17 more
theMOLITOR says

I made my full-width slider 1475px just to make sure the images weren’t so large that it impacted load times of the site.

If the design allows for it, try to use overflow:hidden; I actually don’t recommend overflow-x: hidden; because it behaves weird on some browsers (or if you’re using an Apple magic mouse).

113 posts
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 1+ items on Envato Market
  • Sells items exclusively on Envato Market
+2 more
pearlstudios says

Am I missing something here? ‘coz, I don’t seem to get what you guys are speaking about. An example please? If its a new trend then looks like I was living in a cave for past few months :D

2952 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 200+ members
  • Has sold $125,000+ on Envato Market
  • Had an item featured in an Envato Bundle
+10 more
DDStudios says

http://tf.eanki.com/Hype/

Sorry if this is self promoting, but its the only example I have (I could have posted another live view of mine too :D)

113 posts
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 1+ items on Envato Market
  • Sells items exclusively on Envato Market
+2 more
pearlstudios says
http://tf.eanki.com/Hype/ Sorry if this is self promoting, but its the only example I have (I could have posted another live view of mine too :D)

Oh..I get it now ;) Thanks.

These things use a lot of client side memory though…

558 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $750,000+ on Envato Market
  • Had an item featured in a magazine
  • Made it to the Authors' Hall of Fame
+17 more
theMOLITOR says
http://tf.eanki.com/Hype/

Like I said, if you’re using an Apple trackpad or magic mouse, even though there are no horizontal scroll bars, you can still scroll horizontally.

214 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 100+ items on Envato Market
+2 more
Pandemic says

Or just make the slider image a CSS background image instead of an image, center it with no width specified (display block) and you have yourself a full width slider.

214 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 100+ items on Envato Market
+2 more
Pandemic says

That probably wouldn’t work if your javascript file asks for a width though.

by
by
by
by
by
by