Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1018369

    Hello guys,
    I am using Full Width Slider on Enfold in one of my pages. My banner images are 1500x430px. This cannot change. In Desktop, and fairly on Tablet, it seems good. But, in mobile, it’s cropped. Basically, I can’t see anything of the image that would makes sense to tell me what it is in there or about. What I want to do is that the both banner images that I used in the slide will adapt and be responsive in tablet and especially mobile to be visible completely just like in Desktop.

    I tried all coding in here but none of them worked, so I need help. I would appreciate for your support. Thanks a lot, if you can help me out asap.

    • This topic was modified 6 years, 1 month ago by dorisa.
    #1018585

    Anybody to answer me please?

    #1018888

    Hi dorisa,

    We apologize for the late response. The workaround we can suggest for that is to use 2 sliders, 1 for mobile portrait and 1 for other screens.
    Try to edit the fullwidth slider then go to screen options then check hide on very small screens.
    Then create another slider for mobile portrait and check hide on large, medium and small screens.
    Hope this helps.

    Best regards,
    Nikko

    #1018914

    Hi Nikko,
    Thank you for your response. If I do like how you suggested then will I be able to see both banners on all screens? Because, my aim is the make both banners visible in all screens. Looking forward your response. Thank you so much.

    #1018915

    Also the thing is that I have a content and a button on slider. So how it will affect the performance of slider. Because, if I hide then it will show nothing, right.

    #1019075

    Hi dorisa,

    Yes basically you will have 2 sliders let’s just call it slider desktop (for all screens except mobile) and slider mobile.
    If slider desktop is shown, slider mobile is hidden or vice versa, the current slider you have is the desktop with all the things I suggested to check.
    The other one: slider mobile basically has the same content and button as the slider desktop except that the slider image you put there isn’t wide (I suggest you modify it in photoshop or some image editor or just crop the part of the image you want to use and upload it to the slider). This way you can choose which part of the image you’d like to appear instead of wordpress just getting some part of the slider image which isn’t relevant.

    Best regards,
    Nikko

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.