-
Posts
-
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,
RikardThis is screenshot from iphone 7+ (horizontal view)
This is screenshot from iphone 7+ (vertical view)
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,
BasilisThanks 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 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?
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 devicesBest regards,
YigitThanks!
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?Hi,
You can set that in the Slider minimum height in pixel option in the element options.
Best regards,
Rikard
- The topic ‘Fullscreen slider on iPhone’ is closed to new replies.