Tab text too low


#1

I’m playing around ionic-tabs and I’m not able to set the text at the right position.
what am I missing?
I have a page with a side menu + a bottom tab.


#2

post your code please (html +css)


#3

it was my mistake I extend the ionic css and updated the height to accommodate my icons and now it work.

.bottomtab > .tabs,
.tabs.bottomtab {
width:100%;
height:100%;
background-color: white;
box-shadow: 1px 1px 2px #888;
text-align: center;
font-family: “OpenSansSemibold”;
font-size:15px;
height: 70px;
}


#4

Hi Sophian,

You are testing it in Web, try to make an apk then share us a screenshot, hope there will be no problem in apk by the way.
Let me know if you need additional information.

Thanks and Regards,
Aditya


#5

I’ll try it and see if the app looks different.