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?
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!
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
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).
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
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.
- Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
- Open a support ticket if you would like specific help with your account, deposits or purchases.
- Item Support by authors is optional and may vary. Please see the Support tab on each item page.
Most of all, enjoy your time here. Thank you for being a valued Envato community member.