Hey there, I’m trying to get rid of the bottom border on all my navbars
I have this CSS
.bar {
border: none !important;
border-bottom: none !important;
border-color: transparent !important;
}
It works great in browser
But on my iPhone simulator there is a dark border there, LOOK CLOSELY
Any reason why this would be there?
mikeD
January 10, 2015, 3:19pm
2
i also have this problem but when i start to use crosswalk its become ok and the line is gone
Hmm, if its an iOS device, could you remote inspect with iOS and see if any css is being applied?
Haven’t seen this before some I’m a bit unfamiliar with the issue.
@mhartington I’ve tried debugging it with Safari, but the only HTML I get is my index.html, nothing inside of my <ion-nav-view>
, is there a way to do that? Thanks.
Hmm, should be able to…
I got your email, any way you could shoot me a copy of the project?
My project is huge, I could send you the www
folder if you’d like, but it’d be pain for you to get it running on an emulator.
Yeah if you want to zip that up I can throw that into a new project and see whats up.
Oh it looks like I’m only viewing the index.html
file, I’m not exactly sure where to Inspect Element
with Safari like you do with Chrome.
ahh alright, you should see a setting up to select source code or dom tree…
Select DOM tree
Just figured that out
Okay, I found the border.
background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%);
If I uncheck that, it makes that dark border white instead. Setting background-image: none
seems to have worked!
2 Likes