I started working with Ionic 1 and when after creating a standard application this artifact appeared. In HTML it is not. (or I did not find). I looked through everything :before and :after is also empty. Disappears after changing any visual style, but appears immediately after clicking on the menu button in the header. Tell me, please, how to remove this misunderstanding. enter image description here

  • What is the "button in the header"? There is an assumption that this empty menu is drawn like this. - Pavel Mayorov
  • This button shifts the content to the right and brings up the menu. - Maxim Vlasov
  • Can you show html and styles in this area? - hardsky
  • @hardsky, here - Maxim Vlasov
  • Honestly, not clear either. - hardsky

1 answer 1

Ionic has a class:

 .scroll-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; // Hide the top border if any margin-top: -1px; // Prevents any distortion of lines padding-top:1px; width: auto; height: auto; } 

I changed the value of "margin-top" to -4px and "padding-top" to 4px - the result suited me (I tried on different devices - 3px is enough somewhere, 4px somewhere - apparently, the error of rounding is 'px').

New member
Vadim Zharov - a new member of the site. Be lenient in asking clarifying questions, commenting and answering. Read about the norms of behavior .