Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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?

    #722981

    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,
    Rikard

    #723334

    This is screenshot from iphone 7+ (horizontal view)

    View post on imgur.com

    This is screenshot from iphone 7+ (vertical view)

    View post on imgur.com

    #723385

    Hey!

    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

    Regards,
    Basilis

    #723413

    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 http://whatismyscreenresolution.net – 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.
    #723885

    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?

    #724332

    Hi,

    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 – http://kriesi.at/documentation/enfold/updating-your-theme-files/
    We have added an option for the fullwidth slider to set a minimum height for smaller devices

    Best regards,
    Yigit

    #724379

    Thanks!
    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?

    #724778

    Hi,

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

    Best regards,
    Rikard

    #724911

    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.