Css mobil yardım

Arkadaslar Aşagıdaki kodlarda bir hata varmıdır kontrol ederseniz sevinirim hata alıyorum sebebini bulamadım.


@media screen and (min-width:1000px) and (max-width:1400px) { #content.left-sidebar, #content.right-sidebar, #content {
width: 1000px;
padding-left: 0px;
}#content, #sidebar, #footer, #sidr *, input, select, textarea, .mediaDescriptionText, .hgFilterBox, .tooltipsy {
font-size: 14px;
line-height: 1.5em;
color: #fff;
padding-right: 0px;
margin-right: -15px;
}
.ozy-tabs .ozy-nav .ui-tabs-selected a, .ozy-tabs .ozy-nav .ui-tabs-active a {
border-color: #333333 !important;
box-shadow: -1px 0px 9px 0px red;
background-color: #333333;
}.ozy-tabs .ozy-nav li {
float: left;
position: relative;
margin: 0 -1px -1px 0!important;
z-index: 10;
list-style: none!important;
}
.hover_effects_li {
float: left;
margin-right: 25px !important;
padding-bottom: 30px;
width: auto;
}#title img {
vertical-align: middle !important;
max-width: 46% !important;
width: auto !important;
margin-top: 31px;
}
}#header .container {
width: 100%;
padding: 0;
overflow: inherit !important;
background-color: rgba(21, 19, 19, 0.23) !important;
/* height: 59px; */
margin-top: -22px;
}#header .container {
width: 100%;
padding: 0;
overflow: inherit !important;
background-color: rgba(21, 19, 19, 0.23) !important;
/* height: 59px; */
margin-top: -22px;
}#nav-primary ul, #nav-primary li {
list-style: none;
margin-right: -8px;
}.sf-menu>li>a, #nav-primary>nav>div>ul>li, #nav-primary>nav>div>ul>li>a {
line-height: 65px;
height: 46px;
}
.ih-item.square {
border: 8px solid #fff;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
position: relative;
margin-right: 74px;
left: 54px;}
}

Son da bulunan ( }) fazla. #header .container dan önce media yı kapatmışsın zaten.

süslü parantezi kaldırdığımdada aynı durum bu piksellerdeki görüntü daha büyük ekranada yanısyor.Sanki Kod işlemiyor halbuki mobil için yaptığım sıkıntısız işledi.

Ek Olarak: @media screen and (min-width:1000px) and (max-width:1400px) {Kodlar burada olması gerekmiyormu?}

Ne demek istediğnizi tam anlamadım.Biraz da açıklarsanz

@media screen and (min-width:1000px) and (max-width:1400px) {}

burada demek istediğin en düşük 1000px, en büyük 1400px ekranlarda kodları çalıştır demek.

Aynen öyle ama 1400 px üstündede aynı görüntü mevcut kod işe yaramıyor

Kodları tam paylaşırsanız bi bakayım html ile birlikte

sıkıntı css de aynı kodu baska sitede kullanık bi sıkıntı olmadı burada var sıkıntı http://taskaplama.org

CSS kodları buraya eklediğiniz gibiyse çalışmaz.Media sorularını normal kodların aşağısına yazın

Komple kodlar bunlar custom css den eklendi mobil için 800 px olanda sıkıntı yok ancak 1400 lük sıkınıtılı


#header {
background-color: rgba(232, 220, 220, 0.08);
height: 60px;
}

#nav-primary>nav>div>ul>li:hover>a{
color: ##F5EEEE;
box-shadow: 0px 5px 35px;
height: 42px;
border-radius:7px;
background-color: #RED;
}
#sf-menu a:{
font-family: "Raleway";
font-weight: 600;
font-style: normal;
font-size: 14px;
line-height: 1.5em;
color: rgb(241, 18, 18);}

#nav-primary>nav>div>ul li.menu-item-1976>.sub-container {
background-color: #000;
background-repeat: no-repeat;
background-size: auto;
background-position: right bottom;
width: auto !important;

}
.sf-menu>li>a, #nav-primary>nav>div>ul>li, #nav-primary>nav>div>ul>li>a {
line-height: 45px;
height: 7px;

}
#menu-primary-menu>li.menu-item-has-children>a {
padding: 0px 19px 11px 7px!important;

}
.dc-mega-icon {
display: block;
position: absolute;
top: 0;
right: 8px;
width: 8px;
height: 6px;
font-family: 'FontAwesome';
}
.container {
padding: 0 36px;
width: 1300px;
}
#content.left-sidebar, #content.right-sidebar, #content {
width: 1124px;
}
#footer #social-icons a, #ozy-share-div>a>span, .post-meta p>a, .a-page-title, .page-pagination>a {
color: #F50707 !important;
}
#nav-primary>nav>div>ul li.menu-item-1976>.sub-container {
background-color: #000;
background-repeat: no-repeat;
background-size: auto;
background-position: right bottom;
width: auto !important;
margin-top: 55px;
}

.ozy-tabs .ozy-nav .ui-tabs-selected a, .ozy-tabs .ozy-nav .ui-tabs-active a {
border-color: #333333 !important;
box-shadow: 1px 3px 11px 2px red;
background-color: #333333;

}

.ozy-tabs .ozy-nav li a:hover{
background-color:#333333;
color:#fff !important;
}
#sidebar .widget li:hover{background-color:#333;
}
#sidebar .widget a:hover{color:white;}


.ozy-sign-plus:before {
content: '?';
}

.ozy-sign-minus:before {
content: '!';
}
.ledliyazi{font-size: 29px;

font-weight: bold;
text-shadow: 4px 1px 9px #FF0000;}
#gallery-3 img {
border: 0px solid #cfcfcf;
}
#gallery-2 .gallery-item {
float: left;
margin-top: 9px;
text-align: center;
width: 16%;
margin-right: 6px;
}
.ih-item.square {
border: 8px solid #fff;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
position: relative;
margin-right: -50px;
left:10px;
}
#content table th, #content table td {
border: 2px solid #fff;
padding: 6px;
}
.ozy-accordion>h6.ui-accordion-header {
padding: 8px 65px;
cursor: pointer;
border: 1px solid #dedede;
border-top: none;
outline: none;
margin: 0 !important;
}
.ui-widget-content {

background-color: white;
color: #362b36;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #aed0ea;
font-weight: bold;
color: #2779aa;
}
.ui-widget-content {
border: 1px solid #ddd;
/* background: #f2f5f7 url(images/ui-bg_highlight-hard_100_f2f5f7_1x100.png) 50% top repeat-x; */
color: #362b36;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 0px;
font-weight: bold;
color: #2779aa;
}
.ozy-tabs .ozy-nav li {
float: left;
position: relative;
margin: 0 8px -1px 0!important;
z-index: 10;
list-style: none!important;
}
#gallery-3 img {
border: 2px solid black;
}
#gallery-2 img {
border: 2px solid black;
}
.ui-widget-content {
border: 0px;
background: #fff;
color: #362b36;
}
.ozy-accordion>h6.ui-accordion-header {
padding: 5px;
cursor: pointer;
border: 1px solid #dedede;
border-top: none;
outline: none;
margin: 0 !important;
}
#nav-primary>nav>div>ul>li:hover>a {
color: ##F5EEEE;
box-shadow: 0px 5px 35px;
height: 42px;
border-radius: 7px;
background-color: #000000;
color:white;
}
#gallery-4 img {
border: 0px solid #cfcfcf;
}
#gallery-4 {
margin: auto;
margin-left: 42px;
}
.mega-menu li>a {
font-family: "Raleway";
font-weight: 600;
font-style: normal;
font-size: 11px;
line-height: 1.5em;
color: rgb(243, 17, 17);
}
#header .container {
width: 100%;
padding: 0;
overflow: inherit !important;
background-color: rgba(21, 19, 19, 0.79) !important;
}
#gallery-5 img {
border: 2px solid #fff;
}
#gallery-7 img {
border: 2px solid #fff;
}
.ih-item.square.effect9 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: -25px;
background: #111111;
margin: 0;
}
.ih-item.square.effect9 .info .info-back {
opacity: 1;
width: 100%;
height: 100%;
padding-top: 6px;
background: #333333;
}
.ih-item.square.effect9 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 0px 20px;
text-align: center;
}
#content h1, #sidebar h1, #footer h1, #content h2, #sidebar h2, #footer h2, #content h3, #sidebar h3, #footer h3, #content h4, #sidebar h4, #footer h4, #content h5, #sidebar h5, #footer h5, #content h6, #sidebar h6, #footer h6, .heading-font, .mediaDescriptionHeader, #logo, #tagline, .ozy-ajax-shoping-cart {
font-family: cursive;
color: #222222;
}
.ih-item.square .info {
position: absolute;
top: -105px;
bottom: 0;
left: 0;
right: 0;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#gallery-6 img {
border: 2px solid #fff;
}
#gallery-3 .gallery-item {
float: left;
margin-top: 4px;
text-align: center;
width: 16%;
margin-right: 6px;
/* margin-left: 0px; */
}
.ih-item.square.effect10 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 11px 20px;
text-align: center;
}
#gallery-1 img {
border: 2px solid black;
}
.ozy-tabs .ozy-tab {
padding: 35px 0 0 0;
width: 1063px;
}
#gallery-2 .gallery-item {
float: left;
margin-top: 9px;
text-align: center;
width: 16%;
margin-right: 41px;
/* left: 70px; */
/* margin-left: -2px; */
/* right: 117px; */
}
#gallery-6 img {
border: 2px solid black;
}
#gallery-8 img {
border: 0px solid #cfcfcf;
}
#gallery-12 img {
border: 2px solid #fff;
}
#content h6, #sidebar h6, #footer h6, #sidr h6 {
font-weight: 300;
font-style: normal;
font-size: 14px;
line-height: 24px;
box-shadow: 1px 1px 9px 2px;
}

#gallery-4 {
margin: auto;
margin-left: -13px;
}
.featured-thumbnail>a {
display: block;
position: absolute;
background-color: #000000;
background-color: rgba(0,0,0,0.5);
width: 98%;
height: 100%;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
#content h2, #sidebar h2, #footer h2, #sidr h2 {
font-weight: 300;
font-style: normal;
font-size: 30px;
line-height: 40px;
left: -52px;
}
.post-meta p {
display: block;
position: relative;
float: left;
margin: 0 12px 12px 0 !important;
padding: 6px;
background-color: #F0F0F0;
border-radius: 3px;
overflow: visible;
left: -51px;
}

#nav-primary ul ul .current_page_item>a {
text-decoration: underline;
margin-top: 7px;
}
.sf-menu>li>a, #nav-primary>nav>div>ul>li, #nav-primary>nav>div>ul>li>a {
line-height: 45px;
height: 59px;
}
#nav-primary ul ul .current_page_item>a {
text-decoration: underline;
margin-top: 0px;
}
.sf-menu>li>a, #nav-primary>nav>div>ul>li, #nav-primary>nav>div>ul>li>a {
line-height: 61px;
height: 59px;
}
#nav-primary>nav>div>ul>li:hover>a {
color: ##F5EEEE;
box-shadow: 0px 5px 35px;
height: 35px;
border-radius: 7px;
background-color: #000000;
color: #F11414;
margin-top: 5px;
}
#header.header-v3 #nav-primary {
left: 0px;
}
#title img {
vertical-align: middle !important;
max-width: 60% !important;
width: auto !important;
margin-top: 34px;
}
#header {
background-color: rgba(232, 220, 220, 0.08);
height: 0px;
}
#header header {
padding-left: 0px;
}
#main>.container {
width: 100%;
margin: 4px 0 40px 0 !important;
padding: 0 !important;
}
#header .container {
width: 100%;
padding: 0;
overflow: inherit !important;
background-color: rgba(21, 19, 19, 0.59) !important;
}
.sf-menu>li>a, #nav-primary>nav>div>ul>li, #nav-primary>nav>div>ul>li>a {
line-height: 52px;
height: 59px;
}
#menu-primary-menu>li.menu-item-has-children>a {
padding: 0px 24px 12px 7px!important;
}
#nav-primary>nav>div>ul>li:hover>a {
color: ##F5EEEE;
box-shadow: 0px 5px 35px;
height: 35px;
border-radius: 7px;
background-color: #000000;
color: #F11414;
margin-top: 5px;
padding-bottom: 11px;
}
.sf-arrows .sf-with-ul:after {
font-family: "FontAwesome";
content: "\f0d7";
position: absolute;
right: 0;
height: 10px;
width: 6px;
padding-right: 6px;
}
#header.header-v3 #nav-primary {
left: -16px;
}
.sf-menu .sf-mega, .sf-menu ul li, .sf-menu ul ul li, .sub-menu li:hover, .sub-menu li.sfHover, #header #slide-menu, .sub-menu .current-menu-parent {
background-color: rgba(0, 0, 0, 0.29);
}
.featured-thumbnail>img {
display: block;
border: 2px solid black;
}
#content h1, #sidebar h1, #footer h1, #content h2, #sidebar h2, #footer h2, #content h3, #sidebar h3, #footer h3, #content h4, #sidebar h4, #footer h4, #content h5, #sidebar h5, #footer h5, #content h6, #sidebar h6, #footer h6, .heading-font, .mediaDescriptionHeader, #logo, #tagline, .ozy-ajax-shoping-cart {
font-family: cursive;
color: #222222;
margin-top: 47px;
}
#sidebar .widget {
margin-bottom: 15px;
margin-right: 27px;
}
#content.left-sidebar, #content.right-sidebar, #content {
width: 1117px;
padding-left: 10px;
}
#main>.container {
margin: 75px 0 40px 0 !important;
padding: 0 !important;
margin-top: 1px;
}
body {
background-color: #FFFFFF;
background-size: cover;
background-repeat: inherit;
}
.black {
font-size: 32px;
line-height: 24px;
color: rgba(169, 70, 70, 0);
text-decoration: none;
padding: 8px;
text-shadow: none;
margin-right: 5px;
background-color: rgba(0,0,0,0.42);
border-radius: 6px 6px 6px 6px;
border-width: 0px;
border-color: rgba(0, 0, 0, 0.1);
border-style: none;
}
#header.header-v3 #nav-primary {
left: -66px;
}
#nav-primary ul, #nav-primary li {
list-style: none;
margin-right: 5px;
}
#header header {
padding-left: 0px;
background: black;
}
#content h1, #sidebar h1, #footer h1, #content h2, #sidebar h2, #footer h2, #content h3, #sidebar h3, #footer h3, #content h4, #sidebar h4, #footer h4, #content h5, #sidebar h5, #footer h5, #content h6, #sidebar h6, #footer h6, .heading-font, .mediaDescriptionHeader, #logo, #tagline, .ozy-ajax-shoping-cart {
font-family: cursive;
color: #222222;
margin-top: 6px;
}
item.square.effect6 .info p {
font-style: italic;
font-size: 42px;
position: relative;
color: #ffffff;
padding: 20px 20px 20px;
text-align: center;
-webkit-transition: all 0.35s 0.1s linear;
-moz-transition: all 0.35s 0.1s linear;
transition: all 0.35s 0.1s linear;
top: 278px;
}
#pg-5014-0 {
margin-left: 5px;
margin-right: -15px;
}

#pl-5014 .panel-grid-cell .so-panel:last-child {
margin-bottom: 0px;
margin-left: 35px;
}
#content, #sidebar, #footer, #sidr *, input, select, textarea, .mediaDescriptionText, .hgFilterBox, .tooltipsy {
font-size: 14px;
line-height: 1.5em;
color: #222222;
padding-right: 110px;
}
#content.left-sidebar, #content.right-sidebar, #content {
width: 1117px;
padding-left: 130px;
}
#sidebar .widget {
margin-bottom: 15px;
margin-right: 71px;
margin-top: 58px;
}
#content h1, #sidebar h1, #footer h1, #content h2, #sidebar h2, #footer h2, #content h3, #sidebar h3, #footer h3, #content h4, #sidebar h4, #footer h4, #content h5, #sidebar h5, #footer h5, #content h6, #sidebar h6, #footer h6, .heading-font, .mediaDescriptionHeader, #logo, #tagline, .ozy-ajax-shoping-cart {
font-family: cursive;
color: #222222;
margin-top: 6px;
/* margin-left: 118px; */
padding-left: 108px;
}
#header header {
padding-left: 0px;
background: rgba(0, 0, 0, 0.08);
}
#main>.container {
margin: -13px 0 40px 0 !important;
padding: 0 !important;
margin-top: -94px;
}
#header.header-v3 #nav-primary {
float: left;
width: auto;
position: relative !important;
background-color: #6C6B6B;
}
#header.header-v3 #nav-primary {
float: left;
width: auto;
position: relative !important;
background-color: rgba(14, 13, 12, 0.01);
}
#content h1, #sidebar h1, #footer h1, #content h2, #sidebar h2, #footer h2, #content h3, #sidebar h3, #footer h3, #content h4, #sidebar h4, #footer h4, #content h5, #sidebar h5, #footer h5, #content h6, #sidebar h6, #footer h6, .heading-font, .mediaDescriptionHeader, #logo, #tagline, .ozy-ajax-shoping-cart {
font-family: cursive;
color: #222222;
margin-top: 55px;
/* margin-left: 118px; */
padding-left: 108px;
}
#content h1, #sidebar h1, #footer h1, #content h2, #sidebar h2, #footer h2, #content h3, #sidebar h3, #footer h3, #content h4, #sidebar h4, #footer h4, #content h5, #sidebar h5, #footer h5, #content h6, #sidebar h6, #footer h6, .heading-font, .mediaDescriptionHeader, #logo, #tagline, .ozy-ajax-shoping-cart {
font-family: cursive;
color: #222222;
margin-top: 55px;
/* margin-left: 118px; */
padding-left: 10px;
/* margin-top: 10px; */
padding-top: 15px;
}
#header .container {
width: 100%;
padding: 0;
overflow: inherit !important;
background-color: rgba(21, 19, 19, 0.23) !important;
}
.sf-menu ul {
position: absolute;
display: none;
top: 113%;
left: -20px;
z-index: 99;
}
#sidebar .widget li:hover {
background-color: rgba(51, 51, 51, 0.15);
}
#content.left-sidebar, #content.right-sidebar, #content {
width: 1117px;
padding-left: 175px;
}
#content, #sidebar, #footer, #sidr *, input, select, textarea, .mediaDescriptionText, .hgFilterBox, .tooltipsy {
font-size: 14px;
line-height: 1.5em;
color: #222222;
padding-right: 131px;
}
#footer #social-icons a, #ozy-share-div>a>span, .post-meta p>a, .a-page-title, .page-pagination>a {
color: #F50707 !important;
padding-left: 98px;
}
#nav-primary {
right: 55px;
height: 44px;
}
.sf-menu>li>a, #nav-primary>nav>div>ul>li, #nav-primary>nav>div>ul>li>a {
line-height: 47px;
height: 46px;
}
.mega-menu li>a {
font-family: "Raleway";
font-weight: 600;
font-style: normal;
font-size: 11px;
line-height: 1.5em;
color: #ffffff;
}
#menu-primary-menu li .sub-container {
position: absolute;
margin-top: 6px;
}
.mega-menu .sub-container, #slide-menu {
background-color: rgba(0, 0, 0, 0.42);
}
#nav-primary>nav>div>ul>li:hover>a {
color: ##F5EEEE;
box-shadow: 0px 5px 35px;
height: 47px;
border-radius: 7px;
background-color: #000000;
color: #F11414;
margin-top: 5px;
padding-bottom: 11px;
}
#content, #sidebar, #footer, #sidr *, input, select, textarea, .mediaDescriptionText, .hgFilterBox, .tooltipsy {
font-size: 14px;
line-height: 1.5em;
color: #fff;
padding-right: 131px;
}
#gallery-4 .gallery-item {
float: left;
margin-top: 14px;
text-align: center;
width: 17%;
margin-right: -10px;
margin-left: 33px;
}
#content h2{padding-top: 39px;}
@media screen and (max-width:800px) { #content.left-sidebar, #content.right-sidebar, #content {
width: 100%;
padding-left: 0px;
} #pl-5014 .panel-grid-cell {
padding: 0;
width: 100%;
margin-left: -17px;
} #content, #sidebar, #footer, #sidr *, input, select, textarea, .mediaDescriptionText, .hgFilterBox, .tooltipsy {
font-size: 14px;
line-height: 1.5em;
color: #fff;
padding-right: 14px;
}}
@media screen and (min-width:1000px) and (max-width:1400px) {#content.left-sidebar, #content.right-sidebar, #content {
width: 1000px;
padding-left: 0px;
}#content, #sidebar, #footer, #sidr *, input, select, textarea, .mediaDescriptionText, .hgFilterBox, .tooltipsy {
font-size: 14px;
line-height: 1.5em;
color: #fff;
padding-right: 0px;
margin-right: -15px;
}
.ozy-tabs .ozy-nav .ui-tabs-selected a, .ozy-tabs .ozy-nav .ui-tabs-active a {
border-color: #333333 !important;
box-shadow: -1px 0px 9px 0px red;
background-color: #333333;
}.ozy-tabs .ozy-nav li {
float: left;
position: relative;
margin: 0 -1px -1px 0!important;
z-index: 10;
list-style: none!important;
}
.hover_effects_li {
float: left;
margin-right: 25px !important;
padding-bottom: 30px;
width: auto;
}#title img {
vertical-align: middle !important;
max-width: 46% !important;
width: auto !important;
margin-top: 31px;
}
}#header .container {
width: 100%;
padding: 0;
overflow: inherit !important;
background-color: rgba(21, 19, 19, 0.23) !important;
/* height: 59px; */
margin-top: -22px;
}#header .container {
width: 100%;
padding: 0;
overflow: inherit !important;
background-color: rgba(21, 19, 19, 0.23) !important;
/* height: 59px; */
margin-top: -22px;
}#nav-primary ul, #nav-primary li {
list-style: none;
margin-right: -8px;
}.sf-menu>li>a, #nav-primary>nav>div>ul>li, #nav-primary>nav>div>ul>li>a {
line-height: 65px;
height: 46px;
}
.ih-item.square {
border: 8px solid #fff;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
position: relative;
margin-right: 74px;
left: 54px;}}

Hocam size durumu şöyle açıklayayım.Siz HTML de sıkıntı yok diyebilirsiniz ama ben test etmeden sorunu bulamam.Sonuçta müneccim değilim.

Burada sana yardım edebileceğim şey kodlarında belirli yerlerde yazım hataları var.Bunlar sorun çıkartıyor olabilir.

Eğer tam yardım istiyorsanız HTML ile birlikte tam kodları verin.Yarım verilen kodlarla bir yere kadar yardım edilebilir.Neresinin sonun oluşturduğuna belirtirseniz daha rahat çözülür.