Болгарский император сделал вывод, что его противник пойдет через Трявненский перевал.Византийская армия медленно двинулась на юг, ее войска и обоз растянулись на километры.Болгары достигли перевала раньше них и устроили засаду с высоты узкого ущелья.Византийский авангард сосредоточил свою атаку на центре, где располагались болгарские лидеры, но как только две основные силы встретились и завязался рукопашный бой, болгары, расположенные на высотах, осыпали византийские силы внизу камнями и стрелами.В панике византийцы распались и начали неорганизованное отступление, что вызвало нападение болгар, которые убивали всех на своем пути.Исаак II едва спасся;его охранникам пришлось прорезать путь через своих солдат, позволяя их командиру уйти от бегства.Византийский историк Никита Хониат писал, что спасся только Исаак Ангел, а большинство остальных погибли.Битва стала крупной катастрофой для византийцев.Победоносная армия захватила императорское сокровище, в том числе золотой шлем византийских императоров, корону и Императорский крест, считавшийся самым ценным достоянием византийских правителей, - реликварий из цельного золота, содержащий часть Святого Креста.Его бросил в реку византийский священнослужитель, но его вернули болгары.Победа была очень важна для Болгарии .До этого момента официальным императором был Петр IV, но после крупных успехов его младшего брата позже в том же году он был провозглашен императором.