Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 14, 2017 at 10:53 pm #747161
    Jory

    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:)

    February 15, 2017 at 9:27 am #747366
    Rikard

    Hey Jory,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    February 16, 2017 at 11:14 pm #748165
    Jory

    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.

    February 18, 2017 at 5:24 am #748756
    Rikard

    Hi,

    Ok, thanks for that. Could you link to your site so that we can inspect the actual elements please?

    Best regards,
    Rikard

    February 20, 2017 at 4:30 pm #749449
    Jory

    Hi Rikard,

    Here is my sample post:

    Lorem Ipsum

    Thank you for the help.

    Jory

    February 20, 2017 at 4:55 pm #749457
    Yigit

    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

    October 2, 2021 at 3:18 pm #1323271
    audiopablo
    This reply has been marked as private.
    October 2, 2021 at 10:55 pm #1323307
    Mike

    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

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How to make images display full width on mobile?’ is closed to new replies.