Skorobei18
@Skorobei18
Учусь вёрстке

Из за чего так происходит при интеграции вёрстки с вордпресс?

608818aeed7ab508159662.png - это вёрстка
608818e160d59730242237.png - это она же после интеграции с вордпресс так выглядит, не пойму почему он накладывается сверху меню.
<!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;

}
  • Вопрос задан
  • 53 просмотра
Пригласить эксперта
Ответы на вопрос 1
Сверху накладывается admin bar, так как вы авторизованы на сайте.
Если хотите отключить его для всех, то можете установить плагин - https://ru.wordpress.org/plugins/hide-admin-bar/
или используйте - https://wp-kama.ru/function/show_admin_bar
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы