Вариант изучения подключения тем:
берете WP и любую тему или тему с функциональностью, похожей на нужную. Делаете из нее дочернюю и начинаете постепенно изменять ее и приводить к виду макета. Лично мне так проще разбираться с новыми CMS.
Этим можно заниматься параллельно или последовательно с чтением документации wp-kama.ru
Николай Смирнов, ему говорили на инлайн-блоках, а не на флоатах. А то еще таблицы припашете сюда. Гаджи, без флексов сейчас совсем никуда. Как работают инлайн-блоки и зачем нужны флоаты, конечно, обязательно нужно знать, но сетки (сейчас) надо разумно на флексах.
Иван Будаков, ну так у вас псевдо не от того элемента. Как только станет от нужного (либо позиционироваться будет от нужного), так и выглядеть все будет как надо.
Ну и заодно, черточки это не dashed, а повторяющийся линейный градиент в фоне.
hypero, у выпадашки есть сосед, ссылка. Когда вы переносите мышку со ссылки на выпадашку, hover со ссылки уходит. Но есть их общий родитель, li. И с него hover не уходит.
Вот на него и вешайте стили для ссылки. li:hover > a {}
Что??
Нагородить костылей и испортить код ради мобильников? И чем мобильникам с этого будет легче? Вместо пары строк на jq?