Code element with HTML and CSS destroy my Shopping World in Shopware

Shopware 5 Programmierung
1

I created new Shopping World in Shopware 5, and I inserted Code element with next HTML and CSS for small navigation:

         ul {
           list-style: none;
           margin: 0 auto;
           width: 100%;
           position: fixed;
           top: 107px;
           left: 497px;      
       }
       ul li {
           float: left;
           padding-bottom: 0;
       }
       ul a {
           display: block;
           text-align: center;
           color: black;
           text-decoration: none;
           font-family: 'couture', serif;
           padding: 6px 23px;
           background: white;
           font-size: 12pt;
       }
        ul li#active a {
            border-bottom: 4px solid black;
            color: black;
            padding-bottom: 23px;
        }
    



     
        Mens
        Women

This code just destroy my Shopping World, I don’t know why? This is very simple small navigation menu with underline. I think the problem is in Shopware 5, but I’m a new with Shopware, and I’m very confused. I need someone who know what’s happening with Shopware. Thank you in advanced

2

Hi,

 

you don’t need a full html document, since it’s already in one. Just write your list in it.

Second, you should write your styles in less in your theme.

1 „Gefällt mir“
3

No, I wrote code in Code element (Shopping world).

Also, I used JS code, and I had same problem. 

4

As @derwunner stated:

you don’t need a full html document, since it’s already in one. Just write your list in it.

 

Just put your 

        Mens
        Women

inside.

Your Styles have to included in your OWN theme or you can put them (nor recommended) directly into the html-element definition like:

...