CSS - fjerne MENU fra Wordpress responsive theme

Jeg har lavet noget af det nu , men vil gerne fjerne dem "MENU" i headeren som bliver vist da den bare optager plads.

Og så har jeg problemer med et hvidt felt i toppen som skal væk ?

Tilføj følgende nederst i din css-fil:

Hej og tak , jeg havde rettet det da du skrev.

Men jeg vil gerne have ændret følgende i mobil visning:

1. fjerne det hvide felt øverst over banner
2. gøre menu links mindre så de ikke fylder så meget

3. i normal visning fjerne margin før side tekst øverst på siden :)

her er  noge css for mobil visning

/* Mobile Navigation */



    /* Reset */
   


    #mainnav, #mainnav-menu, #mainnav-menu li, #mainnav-menu a, #mainnav-menu ul,

    #mainnav-menu ul a, #mainnav-menu ul ul, #mainnav-menu li ul ul

    {

display: block !important;
        margin: 0;

        padding: 0;

        position: static;

        float: none;

        display: inline;

        font-size: 1.0em;

        border: none;

        box-shadow: none;

        background: none;

        top: 0;

        left: 0;

    }

    #mainnav-menu li:hover ul ul, #mainnav-menu li:hover ul ul ul, #mainnav-menu li:hover ul ul ul ul,

    #mainnav-menu li:hover ul, #mainnav-menu li li:hover ul, #mainnav-menu li li li:hover ul, #mainnav-menu li li li li:hover ul

    {

        display: inline;

    }



    #mainnav {

        margin: -0.3em;
        padding: -0.1em;

        float: none;

    }

    #mainnav-icon {

        display: none !important;

        padding: 1.0em;

        text-transform: uppercase;

        text-decoration: none;

        font-size: 1.0em;

        font-family: 'Francois One', Tahoma, Arial;

        color: #fff;

        background: rgba(255, 255, 255, 0.1);

        -webkit-transition: all 0.1s ease-out;

        -moz-transition: all 0.1s ease-out;

        -ms-transition: all 0.1s ease-out;

        -o-transition: all 0.1s ease-out;

        transition: all 0.1s ease-out;

    }

    #mainnav-icon:hover {

        cursor: pointer;

        background: #e84747;

    }

    #mainnav-icon:after {

        float: right;

        margin: -0.15em 0 0;

        -webkit-font-smoothing: antialiased;

        display: inline-block;

        content: '\f419';

        font: normal 24px/1 Genericons;

        text-decoration: inherit;

        vertical-align: text-bottom;

    }

    #mainnav-menu {

        width: 100%;
        /* padding: -1.0em; */

        display: none;

        /*border-top: 1px solid #fff; */

    }

    #mainnav-menu a {

        display: block;

        padding: 1.5em;

        text-decoration: none;

        font-size: 1.0em;

        border-bottom: 1px solid #fff;

        clear: left;

    }

    #mainnav-menu ul {

        float: left;

        padding: 0.5em;
       
        background: #fff;

        width: 100%;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

    }

    #mainnav-menu ul a {

        display: block;

        width: 100%;

        padding: 1em;

        font-size: 0.9em;

        border-bottom: 1px solid #aaa;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

    }

    #mainnav-menu ul li ul {

        float: left;

        padding: 0 0 0 1em;

        width: 100%;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

    }

    #mainnav-menu li.current_page_item a, #mainnav-menu li.current-menu-item a {

        text-decoration: underline;

    }

    #mainnav-menu li.current_page_item ul li a, #mainnav-menu li.current-menu-item ul li a{

        text-decoration: none;

    }

    #mainnav-menu ul li.current_page_item a, #mainnav-menu ul li.current-menu-item a {

        text-decoration: underline;

    }

}



/* Tablets (portrait) | <800px */

@media only screen and (max-width: 50em) {

    #logo .site-title {

        font-size: 2.3em;

    }

    .widget, .type-post, .type-page, .type-attachment, #comments {

        box-shadow: none;

        border: none;

        padding: 0;

    }

    .widgettitle {

        margin: 0 0 1.5em 0;

    }

    .entry h1, .comment h1 {

    font-size: 2.2em;

    }

    .entry h2, .comment h2 {

        font-size: 1.8em;

    }

    .entry h3, .comment h3 {

        font-size: 1.4em;

    }

    .entry tr th,

    .entry thead th {

        padding: 0.2em 0.4em;

    }

    .entry tr td {

        padding: 0.2em 0.4em;

    }

   

    /* Mobile Footer Navigation */

    #footer #footer-text {

        margin-top: -1.05em;

    }

Med så meget kode, så lad være med at copy-paste herind. Brug ellere www.pastebin.com eller lign.

For at løse 1, 2 og 3 tilføjes et css-script med følgende:

ok og tak Moddi :) ser på det og vender tilbage ..

Hej Moddi og tak for hjælp.

1. Ved du hvordan jeg gør de menubjælker mindre som vises i mobil visning - for hoved menuen dvs. "Forside" - "Om os" ?

2. jeg vil også gerne forstørre banneret så logo vises bedre i mobil visning. f.x ved at venstre stille banner og vise 70% af banner bredden i stedet for fuld bredde :)

1) løses ved at du ligger det CSS ind, som jeg skrev til dig. Hvis det er et problem at ligge ind, så kan vi også sagtens løse det.

2) Kan løses ved følgende (tilpas selv tallene, hvis du vil have større)

Hej Moddi - og tak for din gode hjælp.

Det begynder at ligne et design nu efter rettelse af css og kode .

Jeg har tilpasset css til forskellige skærm str og mobil og er rimelig tilfreds .- du må gerne lægge et svar og skrive til mig i PB - da jeg gerne vil bruge en dygtig css designer i fremtiden.

Jeg har en udfordring med Read More tag som jeg ikke kan få til at virke , men skriver et andet spørgsmål.

Sublim hjælp fra din side og takker og bukker :)

Jeg har oprettet et spm her om Read more tag i wordpress - ved ikke om du vil hjælpe :)
http://www.eksperten.dk/spm/1004028

Et svar fra mig af - og har sendt dig en besked