Как перенести пункты из меню?

[diaryCSS]

Доброго времени суток!
Помогите разобраться, пожалуйста. Есть боковое меню. Я хочу часть ссылок из меню перенести в другое место страницы. Как-то так:

Проблема в чем — сейчас на мобиле меню прячется. Ссылки, которые я перенесла, все равно оказываются скрыты, пока не кликнешь на бургер.
Можно ли это как-то побороть?
Мой код:

@media (max-width: 767.98px) { #discussionLink, #umailLink, #referenceLink, #myDiaryLink, #writeThisDiary, #myFavLink, #myDraftLink, #tagslistlink { position: absolute; }
 }
 @media (max-width: 767.98px) { #thisDiaryInfo, #side h1 { text-align: left; }
 }
 @media (max-width: 767.98px) { #myFavLink { right: 5em; top: 8.8em; text-align: left; }
 }
 @media (max-width: 767.98px) { #umailLink { right: 5em; top: 7.1em; text-align: left; }
 }
 @media (max-width: 767.98px) { #myDiaryLink { right: 5em; top: 1.35em; text-align: left; }
 @media (max-width: 767.98px) { #discussionLink { right: 5em; top: 3.7em; text-align: left; }
 }
 @media (max-width: 767.98px) { #referenceLink { right: 5em; top: 5.4em; text-align: left; }
 }
 @media (max-width: 767.98px) { #writeThisDiary { right: 5em; top: 10.5em; text-align: left; }
 }
 @media (max-width: 767.98px) { #myDraftLink { right: 5em; top: 12.2em; text-align: left; }
 }
 @media (max-width: 767.98px) { #tagslistlink { right: 5em; top: 14.3em; text-align: left; }
 }