Title: Plugin interference with code html css
Last modified: June 4, 2024

---

# Plugin interference with code html css

 *  [srvissir](https://wordpress.org/support/users/alihosseini20368/)
 * (@alihosseini20368)
 * [1 year, 11 months ago](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/)
 * 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
    Gutenverse plugin, it gets fixed.
 * `<!DOCTYPE html>
    <html> <head> <meta name=”viewport” content=”width=device-width,
   initial-scale=1″> <link rel=”stylesheet” href=”[https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css”&gt](https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css”&gt);
   <style> body { font-family: Arial, Helvetica, sans-serif; margin: 0; }
 * .navbar {
    overflow: hidden; background-color: #333; }
 * .navbar a {
    float: left; font-size: 16px; color: white; text-align: center; 
   padding: 14px 16px; text-decoration: none; }
 * .subnav {
    float: left; overflow: hidden; }
 * .subnav .subnavbtn {
    font-size: 16px; border: none; outline: none; color: white;
   padding: 14px 16px; background-color: inherit; font-family: inherit; margin: 
   0; }
 * .navbar a:hover, .subnav:hover .subnavbtn {
    background-color: red; }
 * .subnav-content {
    display: none; position: absolute; left: 0; background-color:
   red; width: 100%; z-index: 1; }
 * .subnav-content a {
    float: left; color: white; text-decoration: none; }
 * .subnav-content a:hover {
    background-color: #eee; color: black; }
 * .subnav:hover .subnav-content {
    display: block; } </style> </head> <body>
 * <div class=”navbar”>
    [Home](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/?output_format=md#home)
   <div class=”subnav”> <button class=”subnavbtn”>About <i class=”fa fa-caret-down”
   ></i></button> <div class=”subnav-content”> [Company](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/?output_format=md#company)
   [Team](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/?output_format=md#team)
   [Careers](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/?output_format=md#careers)
   </div> </div> <div class=”subnav”> <button class=”subnavbtn”>Services <i class
   =”fa fa-caret-down”></i></button> <div class=”subnav-content”> [Bring](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/?output_format=md#bring)
   [Deliver](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/?output_format=md#deliver)
   [Package](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/?output_format=md#package)
   [Express](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/?output_format=md#express)
   </div> </div> <div class=”subnav”> <button class=”subnavbtn”>Partners <i class
   =”fa fa-caret-down”></i></button> <div class=”subnav-content”> [Link 1](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/?output_format=md#link1)
   [Link 2](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/?output_format=md#link2)
   [Link 3](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/?output_format=md#link3)
   [Link 4](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/?output_format=md#link4)
   </div> </div> [Contact](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/?output_format=md#contact)
   </div>
 * <div style=”padding:0 16px”>
 * </div>
 * </body>
    </html>

Viewing 10 replies - 1 through 10 (of 10 total)

 *  [putra1arya](https://wordpress.org/support/users/putra1arya/)
 * (@putra1arya)
 * [1 year, 11 months ago](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/#post-17802718)
 * Hello [@alihosseini20368](https://wordpress.org/support/users/alihosseini20368/),
   
   Could you please provide us with a step-by-step explanation of how to replicate
   the issue you are experiencing?
 *  Thread Starter [srvissir](https://wordpress.org/support/users/alihosseini20368/)
 * (@alihosseini20368)
 * [1 year, 11 months ago](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/#post-17803042)
 * I created a menu for myself using css and html code and placed it in the site
   header, when I put it in the site header, it does not appear under the menus,
   and when I disable the plugin, it is fixed.
 *  Thread Starter [srvissir](https://wordpress.org/support/users/alihosseini20368/)
 * (@alihosseini20368)
 * [1 year, 11 months ago](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/#post-17803221)
 * [screenshot](https://s8.uupload.ir/files/screenshot_2024-06-05_113527_cqhd.png)
   **
   When I put the menu code inside the html tag and load the page background is 
   white**
 *  [putra1arya](https://wordpress.org/support/users/putra1arya/)
 * (@putra1arya)
 * [1 year, 11 months ago](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/#post-17805378)
 * What I mean is how you put that HTML code into your header. 
   Provide us with 
   a detailed explanation, please.
 *  Thread Starter [srvissir](https://wordpress.org/support/users/alihosseini20368/)
 * (@alihosseini20368)
 * [1 year, 11 months ago](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/#post-17805656)
 * **add section add html**
 *  [gowinda](https://wordpress.org/support/users/gowinda/)
 * (@gowinda)
 * [1 year, 11 months ago](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/#post-17808075)
 * Hi,
 * suppose you are using themes in wordpress. usually it came with prebuilt styles
   and structure, so when you apply additional css or custom html code, it can cause
   some conflict if not placed/written carefully. can you post a screenshot of what
   the navbar should look like and how it is now? you say the background turn white,
   if thats the only problem you are facing you can simply put:
 *     ```wp-block-code
       background-color: red !important;
       ```
   
 * also, this type of navbar can easily be created in wordpress using Gutenverse
   plugin without any coding. if you are interested i can guide you how to do it.
 *  Thread Starter [srvissir](https://wordpress.org/support/users/alihosseini20368/)
 * (@alihosseini20368)
 * [1 year, 11 months ago](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/#post-17808443)
 * Thank you if you can help
 *  [gowinda](https://wordpress.org/support/users/gowinda/)
 * (@gowinda)
 * [1 year, 11 months ago](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/#post-17812824)
 * So, in order to create a nav bar, you need two important step.
    1. creating the nav menu. you can do that by going to Appearance > menus.
 * you can create any menu you need here. to make a dropdown, drag and drop another
   menu to be under it as shown in the video. you can put custom link or a page 
   you have created prior.
 * 2. putting the nav menu in the header part.
 * find your header part. you can find it in the editor or by editing your front
   page. and then put the ‘Nav Menu’ block in the header part.
 * and then in the settings, find content and select your custom menu. in the settings
   panel, you can design your nav menu however you like.
 * if you have more questions, please ask here~
 *  Thread Starter [srvissir](https://wordpress.org/support/users/alihosseini20368/)
 * (@alihosseini20368)
 * [1 year, 11 months ago](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/#post-17814141)
 * tanx 👌👍
 *  [gowinda](https://wordpress.org/support/users/gowinda/)
 * (@gowinda)
 * [1 year, 11 months ago](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/#post-17815544)
 * you are welcome!
    -  This reply was modified 1 year, 11 months ago by [gowinda](https://wordpress.org/support/users/gowinda/).

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Plugin interference with code html css’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/zeever/1.2.1/screenshot.jpg)
 * Zeever
 * [Support Threads](https://wordpress.org/support/theme/zeever/)
 * [Active Topics](https://wordpress.org/support/theme/zeever/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/zeever/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/zeever/reviews/)

 * 10 replies
 * 3 participants
 * Last reply from: [gowinda](https://wordpress.org/support/users/gowinda/)
 * Last activity: [1 year, 11 months ago](https://wordpress.org/support/topic/plugin-interference-with-code-html-css/#post-17815544)
 * Status: not resolved