Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #722621

    I have a page with Fullscreen Slider, image size is 1500 x 1000px. Image displayes fine on 13″ and 15″ screens. It does not look good on iPhone 7,
    I tried searching the forums and google – found couple of fixes (css code) posted by admins/moderators which did not work. I am looking to resolve the issue where fullscreen slider display/resize correctly on the iPhone 7 (in vertical position). If I turn iPhone 7 horizontally image is ok. Let me know if there is solution to fix the responsiveness issue?


    Hey edinc79,

    Please post a link to your site so that we can have a closer look. If you have screenshots of the issue that might help us understand the issue better.

    Best regards,


    This is screenshot from iphone 7+ (horizontal view)

    View post on

    This is screenshot from iphone 7+ (vertical view)

    View post on



    I loaded the site with my iPhone 7, and I could not see that issue at all.
    Are you rotating the phones and the issue come up without managing to restore back?

    Thanks a lot



    Thanks for your reply.
    However,there is definitely an issue!
    Images I sent is when I open up page in vertical or horizontal mode, it was never resized correctly in the first place. I tested on iphone 5s, iphone 6 iphone 7+, You can see here – I’m seeing same issues – is it possible to fix this fullscreen slider image do it resizes properly on multiple devices? Thanks for suggestions.

    • This reply was modified 3 years, 7 months ago by  edinc79.

    This is my current Quick CSS. I hope there is no css code here that conflicts with image resizing on different devices.

    `#menu-item-search { display: none; }
    .main_menu ul:first-child > li > a { font-size: 18px; }
    #top .cart_dropdown { display: none; }

    #top .ar-hidden-logo {
    display: none;

    .avia-fullscreen-slider .avia-slideshow ul li {
    background-size: 100% 100%;

    Also I tried to add CSS from these posts which did not fix the issue. Please advise?



    Can you please post a link to your website?
    Also, please make sure that you are using the latest version of Enfold which is currently 3.8.4 –
    We have added an option for the fullwidth slider to set a minimum height for smaller devices

    Best regards,


    See private content for my site URL.
    Updated to 3.8.4.
    Where is the option for full width slider to set a minimum height for smaller devices?



    You can set that in the Slider minimum height in pixel option in the element options.

    Best regards,


    Thanks! FYI: Fullwidth Easy Slider has that option Fullscreen Slider does not.

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Fullscreen slider on iPhone’ is closed to new replies.