Нет,не верно.
1.У тебя весь сайт лежит в теге <header> .Логично же,что хедер должен быть только меню+лого в твоём варианте.В общем,тег хедера должен был закрыться перед этим- <div class="box">
2.Сайт не адаптивен,лучше используй фреймворк
3.Начни с структуры хтмл документа,так как у тебя изначально всё не так как должно быть.
4.Использование непонятно каких механик,у тебя банально сделаны отступы в меню прозрачным бордером:

border-top: 8.5px solid transparent;
    border-bottom: 8.5px solid transparent;
    border-left: 20.505px solid transparent;
    border-right: 20.505px solid transparent;

Зачем это?
Ну и прочие ошибки...

1.Если нет желания делать руками или обращаться на фриланс,можно сделать подобным плагином
https://codecanyon.net/item/quick-view-post-ajax-l...
Ну т.е ставим плагин,вырезаем кнопку Read More или же просто кидаем её в display:none;
И переводим Quick View на Read More,получаем грубо говоря то что нужно
2.Вывод кода времени размещения поста вызывается функцией

<?php get_post_time( $d, $gmt, $post, $translate ); ?>

Просто вставляем в нужное место в шаблоне вывода записи,аля single.php и обворачиваем в див если это нужно

add_action( 'woocommerce_single_product_summary', 'my_extra_button_on_product_page', 30 );

function my_extra_button_on_product_page() {
  global $product;
  echo '<a href="URL">Add to cart</a>';
}