Как с помощью css Запретить переход по ссылке?

Костыльное решение: перекрыть прозрачным элементом ссылку.

jamtuson, не... тогда уж лучше через js

YakovSpb, Ну, логично, что да. Вопрос то как через css это сделать)
а зачем это вам, если не секрет?
Не проще ли убрать href у ссылки(так валидно) и добавить: cursor: pointer?

jamtuson, на десктопе li>a ссылка должны быть на li (Таы
а в мобильной версии ссылка на a

вот где меню слайд... на четвертом слайде косяк
bakery.prospekt.pro

YakovSpb, если не хотите вот вообще через js делать, то можно сделать подмену через медиазапросы.
На телефонах одно поведение, а на компах уже другое путем скрытия разных разных li.
- на телефонах будет, а на пеке - нет
- на компе будет, а на телефоне нет.

a {
  pointer-events: none;
}

jamtuson, ну это первая мысль была... но эт как-то коряво

Рустам Байназаров, в хроме не работает... в е10 тоже

yakov_l, в Chrome не работает? Откуда информация? Работает 100 лет, начиная с 4-й версии. Это одно и самых базовых свойств в CSS.

В IE10 не работает, ну уж простите, только кто им пользуется? :))