- это вёрстка
- это она же после интеграции с вордпресс так выглядит, не пойму почему он накладывается сверху меню.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Womazing</title>
<meta name="description" content="Самая качественная и красивая одежда для вас">
<meta name="keywords" content="магазин, одежда, ателье, индивидуальный пошив">
<!-- OG Tags -->
<meta property="og:title" content="Womazing">
<meta property="og:description" content="Самая качественная и красивая одежда для вас">
<meta property="og:type" content="article">
<meta property="og:image" content="https://sitename.ru/assets/img/preview.png">
<meta property="og:site_name" content="Womazing">
<!-- Favicon & Theme Color -->
<meta name="theme-color" content="#6EA1A5">
<link rel="apple-touch-icon" href="assets/img/apple-touch-icon.png">
<link rel="icon" type="image/png" href="assets/img/favicon.png">
<!-- Bootstrap -->
<link rel="stylesheet" href="assets/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="assets/css/bootstrap-grid.min.css">
<!-- Main CSS -->
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<!-- Preloader -->
<div id="preloader-active">
<div class="preloader d-flex align-items-center justify-content-center">
<div class="preloader-inner position-relative">
<div class="preloader-circle"></div>
<div class="preloader-img pere-text">
<img src="assets/img/logo.svg" alt="logo">
</div>
</div>
</div>
</div>
<!-- Header -->
<header class="header" id="header">
<div class="row">
<div class="col-lg-6 ml-auto">
<div class="rectangle"></div>
</div>
</div>
<?php
/**
* The header for our theme
*
* This is the template that displays all of the <head> section and everything up until <div id="content">
*
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
*
* @package woomazing
*/
?>
<!doctype html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Womazing</title>
<meta name="description" content="Самая качественная и красивая одежда для вас">
<link rel="profile" href="https://gmpg.org/xfn/11">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/assets/img/apple-touch-icon.png">
<link rel="icon" type="image/png" href="<?php echo get_template_directory_uri(); ?>/assets/img/favicon.png">
<?php wp_head(); ?>
</head>
<body>
<div id="preloader-active">
<div class="preloader d-flex align-items-center justify-content-center">
<div class="preloader-inner position-relative">
<div class="preloader-circle"></div>
<div class="preloader-img pere-text">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/logo.png" alt="logo">
</div>
</div>
</div>
</div>
<header class="header" id="header">
<!-- Menu -->
<nav class="nav menu-sticky">
<div class="container">
<div class="row">
<div class="col-lg-2">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="logo">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/logo.png" alt="Logo">
</a>
</div>
<div class="col-lg-5 offset-lg-1">
<nav>
<?php
wp_nav_menu(
array(
'theme_location' => 'menu-1',
'menu_id' => 'primary-menu',
)
);
?>
</nav>
</div>
<div class="col-lg-3 d-flex justify-content-end">
<div class="phone-contact">
<button type="button" class="phone-contact_icon btn-open" id="btn-open"></button>
<a href="tel:+74958235412" class="phone-contact_number">+7 (495) 823-54-12</a>
</div>
</div>
<div class="col-1 float-right">
<a href="#" class="cart"></a>
</div>
</div>
</div>
</nav>
</header>
<?php
/*
* Template Name: Home Page
*/
get_header();
?>
<section class="hero" id="hero">
<div class="container">
<div class="rectangle"></div>
<div class="row">
<div class="col-lg-7">
<div class="offer slider">
.rectangle {
max-width: 705px;
width: 100%;
height: 826px;
background-color: #F1EADC;
position: absolute;
right: 0px;
top: 0px;
}
