Fejl i CSS på Wordpress side

Det er dine billeder der går ned over. Altså logoet og havebilledet øverst til højre. Menuen er høj nok, men de overlapper baggrunden men ikke menuknapperne.

Den ser dog langt værre i mindre end 1023px, hvor menupunkterne går ned over indholdet.

Dit valg af tema/design, kunne have været bedre, men her er et par link til instruktioner af dit valgte tema executive-pro.
https://www.youtube.com/watch?v=RVmq-TGn0E8
https://www.youtube.com/watch?v=UJm0G-Ip0qg
https://www.youtube.com/watch?v=qQ76jhRx5U4

Håber det kan hjælpe.

Jeg lavede på et tidspunkt en demo side med et emne som dit, på mit eget tema/design http://bizz-two.a3-seo.dk/

Det er ikke solgt .... såhhhh ;-)

Tak for indspark ;-)

Et eller andet sted har min CSS ikke rigtig fat.
Bruger child-team med nippin-haver.css

Som ser ud som dette in responsive området:

@media screen and (max-width: 1200px) and (min-width: 1024px) {


.header-image .site-description,
.header-image .site-title a {
    display: block;
    text-indent: 610px;
}


.site-title,
.header-image .title-area,
.header-image .site-title,
.header-image .site-title a {
    float: left;
    margin: auto;
    max-width: 50%;
    min-height: 0%;
    max-height: 140px;
    padding: 0;
    width: 50%;
    text-indent: 0;
    background-color: #fff;
    margin-top: -20px;
}   
   
.site-header .widget-area {
    float: right;
    width: 50%;
    height: 0px;
}

.site-header .widget {
    margin-left: 0px;
    margin-top: -156px;
}
   
.genesis-nav-menu {
    text-align: center;
    clear: both;
  background-color: #060;
    color: #fff;
    font-size: 14px;
    line-height: 0px;
    width: 100%;
    height: 66px;
    padding-left: 120px;
    padding-right: 120px;
    margin-bottom: 0px;   
}   
   

.genesis-nav-menu a {
padding: 16px 10px;
}

.forside-venstre {
    width: 85%;
    margin-top: 0px;
    margin-left: 0px;
}
   
.content {
    float: right;
    width: 50%;
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 0px;
    padding-left: 30px;
}
   
.sc_player_container1 .myButton_play {
    display: none;
}

.sc_player_container1 .myButton_stop {
    display: none;
}
}

@media screen and (max-width: 1023px) and (min-width: 801px) {

.site-container {
    max-width: 943px;
    }

.header-image .site-description,
.header-image .site-title a {
    display: block;
    text-indent: 420px;
    height: 170px;
    }

.sidebar .widget {
    margin-bottom: 0;
    padding: 0px 0px;
    word-wrap: break-word;
    width: 80%;
}   
   
.forside-venstre {
    width: 60%;
    margin-top: 0px;
    margin-left: 0px;
}
   
.genesis-nav-menu {
    text-align: center;
    clear: both;
    background-color: #060;
    color: #fff;
    font-size: 14px;
    line-height: 0px;
    width: 100%;
    height: 66px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 0px;   
}   
   
   
    }
   
   

@media screen and (max-width: 800px) and (min-width: 501px) {

.site-container {
    max-width: 740px;
    }

.site-header .widget-area {
float: right;
width: 380px;
}

.header-image .site-description,
.header-image .site-title a {
    display: block;
    text-indent: 330px;
}
   
.genesis-nav-menu {
    text-align: center;
    clear: both;
    background-color: #060;
    color: #fff;
    font-size: 14px;
    line-height: 0px;
    width: 100%;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;   
    margin-bottom: 0px;       
}   
   

.genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
    color: white;
}



}

@media screen and (max-width: 500px) {

.header-image .site-description,
.header-image .site-title a {
    display: block;
    text-indent: 36px;
}

   
.site-header .widget-area {
    float: right;
    width: 50%;
    height: 0px;
}   

}

Hej

Tror din 1, fejl ligger i for mange modifikationer i dit child theme, jeg kigger nærmere imorgen. Her er klokken 18.30 og vi har stadigt over 33 grader i skyggen, der heldigvis, reduceres hurtigt nu ;-)

Så håber at kunne svare bedre imorgen ,,,,

...det ser jeg frem til ;-)

Du har ikke fået sat den korrekte CSS til menu baggrunden, og bør ikke gøre det ved at lave modificeret CSS. men istedet gennemse dine instillinger i tema

Går du ned til 1020 px vil du se at menu baggrunden bliver rød ...

Det kan rettes med flg.: (men det bør du ikke gøre) ret det istedet i tema indstillingerne.

@media screen and (max-width: 1200px) and (min-width: 1024px)
.genesis-nav-menu {
    background-color:  #060;
    height: 48px;
}

@media screen and (max-width: 1200px) and (min-width: 1024px)
.genesis-nav-menu {
width: 105%;
}

Højden på menuen kan du ligeledes tilrette