Meine Seite ist nicht responsive und sieht seltsam in der mobilen Ansicht (CSS Hilfe)

Hier ist die web-Seite in Frage: https://www.sunnyenterprises.biz/del/

Es sieht völlig in Ordnung, im browser. Ich habe die div-Höhe in Pixel, in der stylesheet. Aber in mobile, es sieht seltsam aus. Können Sie bitte helfen Sie mir fix mein css, um es Aussehen Ansprechend im Handy?

Auch, dass es ein problem mit dem mobile-Menü, es verschwindet nicht, wird das dropdown-Menü bleibt es auch, nachdem ich auf einen link geklickt, auf es. Sie können es sehen, wenn Sie durchsuchen Sie die Website auf einem mobilen Gerät.

Ich habe versucht, die Anpassung der DIV-Höhen, aber ich konnte es nicht Recht. Auch habe ich keine Ahnung, warum das mobile Menü wird nicht verschwinden und hält.

Hier mein css-code.

.subtext {
    color:#999999;
    font-size:18px;
    !important
}
html, body{
    margin: 0;
    padding: 0;
    background: #000D28;
}
.navbar-inverse{
    border: none;
    background: rgba(1, 32, 96, 0.93);
}
.navbar-inverse .navbar-toggle{
    border-color: white;
    color: white;
}
.navbar-inverse .navbar-toggle i{
    font-size: 20px;
}
.navbar-inverse .navbar-toggle:hover{
    background: white;
    color: black;
}
.navbar-inverse .navbar-toggle:focus{
    background: white;
    color: black;
}
.navbar-inverse a{
    margin-left: 46px;
}
.navbar-inverse .navbar-brand{
    color: white;
    transition: color 0.5s;
}
.navbar-inverse .navbar-brand:hover{
    color: #F0C12D;
}
.navbar-inverse .navbar-nav>li>a{
    color: white;
    transition: color 0.5s;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.navbar-inverse .navbar-nav>li>a:hover{
    color: #F0C12D;
}
.container .iphone{
    margin: 0 auto;
    margin-top: 50px;
    width: 900px;
}
.container .margin-div{
    margin-top: 100px;
    background: #000D28;
}
.margin-div h1{
    color:#F0C12D;
    font-size: 60px;
    font-weight: 700;
}
.margin-div a{
    text-align: center;
}
.margin-div p{
    color:white;
    font-size: 30px;
}
.margin-div p>a{
    font-size: 25px;
    margin-left: 10px;
}
.del-rio{
    margin-top: 150px;
    width: 100%%;
    height: 950px;
    background: #fff;
}
.shamrath{
    width: 100%%;
    height: 950px;
    background: #fff;
}
@media only screen and (max-width: 600px) {
    shamrath {
    height: 400px;
    }
}
.container .margin-div-section{
    margin-top: 100px;
    background: #fff;
}
.margin-div-section h1{
    font-size: 60px;
    font-weight: 700;
}
.margin-div-section a{
    text-align: center;
}
.margin-div-section h2{
    color:#333333;
    font-size: 30px;
    font-weight: 700;
}
.margin-div-section p>a{
    font-size: 25px;
    margin-left: 10px;
}
.margin-div-section .ipad{
    margin: 0 auto;
    margin-top: 50px;
    width: 700px;
}
.silversand{
    width: 100%%;
    height: 880px;
    background: #121117;
}
.concrete{
    width: 100%%;
    height: 500px;
    background: #121117;
}
.container .margin-div-section-macbook{
    background: #121117;
    margin-top: 100px;
}
.margin-div-section-macbook .macbook{
    margin: 0 auto;
    width: 1500px;
    margin-top: 60px;
}
.margin-div-section-macbook h1{
    font-size: 60px;
    font-weight: 700;
    color: white;
}
.margin-div-section-macbook a{
    text-align: center;
}
.margin-div-section-macbook p{
    font-size: 30px;
    color: white
}
.margin-div-section-macbook p>a{
    font-size: 25px;
    margin-left: 10px;
    color: white;
}
.section-shop{
    width: 100%%;
    background: #fff;
    padding: 15px 10px;
}
.img-row{
    margin-top: 20px;
    margin-left: 30px;
}


.carousel-inner {
    margin-bottom:-50px;
}
0
2019-09-17 08:46:20
Quelle
0 Antworten

Sehen Sie sich andere Fragen zu Tags an