Hi there,
I would like to know how to get images & easy slider full width on mobile (only mobile devices) ?
Not all the contents, texts… only images & slders.
Thank you:)
Hey Jory,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
Rikard
Hi Rikard,
I had this for example:
https://medium.com/the-mission/the-2-mental-shifts-every-highly-successful-person-makes-c757ead99a99#.moaza9ur0
The image in this article was full width without the margin (or padding) on mobile devices, I wonder how can I make this in the enfold theme.
Thank you for your response.
Hi,
Ok, thanks for that. Could you link to your site so that we can inspect the actual elements please?
Best regards,
Rikard
Hi,
Please refer to this post – http://kriesi.at/documentation/enfold/color-section-with-100-container/ and add your images inside a color section element and add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 767px) {
#fwcs .container { width: 100% !important; max-width: 100%; padding: 0; margin: 0; }
}
Best regards,
Yigit
Hi,
Please add this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:
@media screen and (max-width: 767px) {
#top > #wrap_all, #footer-bg > div {
width: 100% !important;
max-width: 100% !important;
}
}
After applying the css, please clear your browser cache and check.
If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike