-
AuthorPosts
-
November 22, 2013 at 2:41 am #191699
Hi team,
There is some funny activity happening with the Content Slider auto-rotation option. It seems to be loading some black borders between each divider element. It only happens during the first run through of content, then once it returns to the first image the borders no longer appear.
I managed to capture the black border that appears for a split second every time the content changes.
Do you guys have a solution to this?
November 22, 2013 at 2:50 am #191701This reply has been marked as private.November 22, 2013 at 4:54 am #191713After investigating a little more it seems that it only happens when I make changes to the CSS to the container_wrap:
.container_wrap {
clear: both;
position: relative;
z-index: 1;
border-top-style: solid;
border-top-width: 1px;
}If I set the border-top-width to 0 it hides the grey border, which is what I want but on the iPad it keeps showing those black lines in the screenshot.
November 22, 2013 at 5:00 am #191715I found a band-aid fix to this by adding to the CSS {border-color: transparent;} but it still flickers the black border in the footer now.
Any suggestions on a better solution?
November 24, 2013 at 12:15 am #192350Hey!
If you can make the site public or give us access in some way we’ll take a look and try and see whats going on. I’ve not run across it on any client sites or my dev sites but maybe there is a specific css styling that is causing it under certain instances.
Cheers!
DevinNovember 25, 2013 at 12:20 am #192664Hi Devin,
I’ll make the website available for < 24 hours as the site isn’t ready for the public. Link will be posted in next reply as private.
I thought it could be the CSS styling but I removed all of my changes from the Quick/Custom CSS section and it still happens. At current there is no custom styling on the site.
Remember that this only happens on iOS browsers (Safari & Chrome) and doesn’t occur on any PC browsers I’ve tested. The color of this flashing border changes based on the zoom level. At normal zoom it shows as black and when zoomed in half way its reduced by 1-pixels but not always this kind of behaviour.
Your help is much appreciated. Thanks.
November 25, 2013 at 12:22 am #192666This reply has been marked as private.November 25, 2013 at 4:54 am #192758Hey!
I’m sorry but I can’t seem to see the issue on Safari. Can you please post a screenshot of the issue with the footer after you added the band-aid fix?
Cheers!
IsmaelNovember 25, 2013 at 5:23 am #192774This reply has been marked as private.November 25, 2013 at 5:42 am #192786Additional notes
iOS 7: Black lines flicker
iOS 6: Entire page flashes whiteNovember 26, 2013 at 12:25 am #193211Hi,
I’ve locked down the website again so you won’t be able to access it unless you can send me your public/outgoing IP address.
November 27, 2013 at 12:00 am #193624Hi Guys,
still waiting for a reply on this issue.
-
AuthorPosts
- The topic ‘Content Slider Auto-rotation option causing black borders to show on iPhone/iPad’ is closed to new replies.