-
AuthorPosts
-
December 9, 2016 at 9:41 pm #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?December 12, 2016 at 7:29 am #722981Hey 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,
RikardDecember 12, 2016 at 8:06 pm #723334This is screenshot from iphone 7+ (horizontal view)
This is screenshot from iphone 7+ (vertical view)
December 12, 2016 at 9:29 pm #723385Hey!
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,
BasilisDecember 12, 2016 at 10:26 pm #723413Thanks 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 8 years ago by edinc79.
December 13, 2016 at 5:51 pm #723885This 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?
December 14, 2016 at 3:58 pm #724332Hi,
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,
YigitDecember 14, 2016 at 5:20 pm #724379Thanks!
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?December 15, 2016 at 7:38 am #724778Hi,
You can set that in the Slider minimum height in pixel option in the element options.
Best regards,
RikardDecember 15, 2016 at 4:48 pm #724911Thanks! FYI: Fullwidth Easy Slider has that option Fullscreen Slider does not.
-
AuthorPosts
- The topic ‘Fullscreen slider on iPhone’ is closed to new replies.