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