{"id":17801869,"date":"2024-06-04T15:40:28","date_gmt":"2024-06-04T15:40:28","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/plugin-interference-with-code-html-css\/"},"modified":"2024-06-04T15:40:28","modified_gmt":"2024-06-04T15:40:28","slug":"plugin-interference-with-code-html-css","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/plugin-interference-with-code-html-css\/","title":{"rendered":"Plugin interference with code html css"},"content":{"rendered":"

Hi, I made a menu with html and cs, but when I put it in the header of the site, it gets messed up, and when I disable the
\nGutenverse plugin, it gets fixed.<\/p>\n

`<!DOCTYPE html>
\n<html>
\n<head>
\n<meta name=”viewport” content=”width=device-width, initial-scale=1″>
\n<link rel=”stylesheet” href=”https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/4.7.0\/css\/font-awesome.min.css”>
\n<style>
\nbody {
\n font-family: Arial, Helvetica, sans-serif;
\n margin: 0;
\n}<\/p>\n

.navbar {
\n overflow: hidden;
\n background-color: #333;
\n}<\/p>\n

.navbar a {
\n float: left;
\n font-size: 16px;
\n color: white;
\n text-align: center;
\n padding: 14px 16px;
\n text-decoration: none;
\n}<\/p>\n

.subnav {
\n float: left;
\n overflow: hidden;
\n}<\/p>\n

.subnav .subnavbtn {
\n font-size: 16px;
\n border: none;
\n outline: none;
\n color: white;
\n padding: 14px 16px;
\n background-color: inherit;
\n font-family: inherit;
\n margin: 0;
\n}<\/p>\n

.navbar a:hover, .subnav:hover .subnavbtn {
\n background-color: red;
\n}<\/p>\n

.subnav-content {
\n display: none;
\n position: absolute;
\n left: 0;
\n background-color: red;
\n width: 100%;
\n z-index: 1;
\n}<\/p>\n

.subnav-content a {
\n float: left;
\n color: white;
\n text-decoration: none;
\n}<\/p>\n

.subnav-content a:hover {
\n background-color: #eee;
\n color: black;
\n}<\/p>\n

.subnav:hover .subnav-content {
\n display: block;
\n}
\n<\/style>
\n<\/head>
\n<body><\/p>\n

<div class=”navbar”>
\n Home<\/a>
\n <div class=”subnav”>
\n <button class=”subnavbtn”>About <i class=”fa fa-caret-down”><\/i><\/button>
\n <div class=”subnav-content”>
\n Company<\/a>
\n Team<\/a>
\n Careers<\/a>
\n <\/div>
\n <\/div>
\n <div class=”subnav”>
\n <button class=”subnavbtn”>Services <i class=”fa fa-caret-down”><\/i><\/button>
\n <div class=”subnav-content”>
\n Bring<\/a>
\n Deliver<\/a>
\n Package<\/a>
\n Express<\/a>
\n <\/div>
\n <\/div>
\n <div class=”subnav”>
\n <button class=”subnavbtn”>Partners <i class=”fa fa-caret-down”><\/i><\/button>
\n <div class=”subnav-content”>
\n Link 1<\/a>
\n Link 2<\/a>
\n Link 3<\/a>
\n Link 4<\/a>
\n <\/div>
\n <\/div>
\n Contact<\/a>
\n<\/div><\/p>\n

<div style=”padding:0 16px”><\/p>\n

<\/div><\/p>\n

<\/body>
\n<\/html><\/p>\n","protected":false},"template":"","class_list":["post-17801869","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/17801869","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/17801869\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=17801869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}