• 04-10-2016, 21:47:15
    #1
    Merhabalar sitem sheturk.com responsive temadır safir temadan satın aldım. Mobilde makale içine girince sağ taraf boş kalıyor resim ve sosyal medya ikonları sol tarafta toplu kalıyor. Bi yerde hata var sanırım nerdedir bilen varmı?

    Demosu : http://demo.safirtema.com/yarenv2/

    Not: Masaüstünde sorun yoktur dediğim gibi mobil'de
  • 04-10-2016, 22:14:26
    #2
    Alıntı
    #single .heading {
    line-height: 30px;
    border-bottom: 1px solid #E8E8E8;
    border-left: 0;
    color: #C4208D;
    font-size: 18px;
    font-family: NeoRegular,sans-serif;
    }

    #single .breadcrumb {
    font-size: 12px;
    color: #66676c;
    }

    #single .meta {
    padding: 5px 3px;
    background: #f9f9f9;
    border: 1px solid #eee;
    margin-bottom: 5px;
    font-size: 12px;
    text-align: center;
    }

    #singleBlock {
    overflow: hidden;
    margin: 0 0 5px 0;
    float: left;
    width: 100%;
    }

    #singleBlock.noimage, #singleBlock.noad {
    margin: 0 5px 5px 0;
    }

    #singleBlock.noad {
    width: auto;
    }

    #singleBlock.noimage {
    width: 46.97802197802198%;
    }

    #singleBlock .thumbBlock {
    display: block;
    float: left;
    padding: 2px;
    border: 1px solid #ddd;
    width: 52.5%;
    }

    #singleBlock.noad .thumbBlock {
    display: block;
    float: left;
    padding: 2px;
    border: 1px solid #ddd;
    width: 100%;
    }

    #singleBlock .thumb {
    margin-bottom: 5px;
    }

    #singleBlock .thumb img {
    width: 100%;
    }

    #singleBlock .share {
    overflow: hidden;
    max-width: 306px;
    margin: auto;
    }

    #singleBlock .share a {
    width: 100px;
    height: 28px;
    float: left;
    margin: 0 3px 3px 0;
    background: url(images/share.png);
    }

    #singleBlock .share a.twitter {
    background-position: 0 -30px;
    }

    #singleBlock .share a.googleplus {
    margin-right: 0;
    background-position: 0 -60px;
    }

    #singleBlock .ad {
    display: block;
    float: right;
    padding: 2px;
    border: 1px solid #ddd;
    width: 46.97802197802198%;
    }

    #singleBlock.noimage .ad {
    display: block;
    float: right;
    padding: 2px;
    border: 1px solid #ddd;
    width: 100%;
    }

    #single .tags {
    clear: both;
    margin-bottom: 10px;
    font-size: 12px;
    }

    #single .tags span {
    display: inline-block;
    padding: 4px;
    font-weight: bold;
    background: #ddd;
    margin-bottom: 3px;
    }

    #single .tags a {
    display: inline-block;
    padding: 3px;
    border: 1px solid #eee;
    margin-right: 3px;
    margin-bottom: 3px;
    transition: all 0.3s;
    }

    #single .tags a:hover {
    color: #666;
    background: #fafafa;
    }

    #single .singleAd2 {
    clear: both;
    margin-bottom: 10px;
    }

    #comments {
    clear: both;
    }

    #comments ol {
    list-style: none;
    margin: 0;
    }

    #comments ol li {
    clear: both;
    line-height: 1.5;
    overflow: hidden;
    margin: 10px 0 0;
    }

    #comments ol.children {
    background: url(images/reply.png) 20px 20px no-repeat;
    }

    #comments li li {
    margin-left: 65px;
    }

    #reply-title {
    margin-bottom: 8px;
    }

    #comments div.comment-body {
    overflow: hidden;
    position: relative;
    }

    #comments .says {
    display: none;
    }

    .commentlist .avatar {
    background: #efefef;
    border: 1px solid #e1e0e0;
    float: left;
    margin: 0 10px 0 0;
    padding: 2px;
    border-radius: 2px;
    }

    .commentlist .comment-author {
    display: inline;
    }

    .commentlist .comment-author cite {
    display: inline;
    font-style: normal;
    font-weight: bold;
    }

    .commentlist .comment-meta {
    color: #999;
    display: inline;
    float: right;
    }

    .commentlist .comment-meta a {
    color: #999;
    }

    #respond {
    margin-top: 20px;
    }

    #respond .left {
    width: 40%;
    float: left;
    }

    #respond textarea, #respond input[type=text] {
    background: #fcfdfe;
    border: 1px solid #ccdade;
    color: #8a8b8b;
    margin-bottom: 8px;
    padding: 5px;
    outline: 1px solid #f2f7f9;
    border-radius: 1px;
    font-family: NeoRegular;

    }

    #respond textarea:focus, #respond input[type=text]:focus {
    border: 1px solid #a9b5b7;
    }

    #respond p.warning {
    color: red;
    font-style: italic;
    }

    #content #comments input#author, #content #comments input#email, #content #comments input#url {
    display: block;
    width: 100%;
    line-height: 20px;
    padding: 5px 0;
    padding-left: 24px;
    height: 30px;
    }

    #content #comments input#author {
    background: #fcfdfe url(images/sprite.png) 0 -790px no-repeat;
    }

    #content #comments input#email {
    background: #fcfdfe url(images/sprite.png) 0 -830px no-repeat;
    }

    #content #comments input#url {
    background: #fcfdfe url(images/sprite.png) 0 -870px no-repeat;
    }

    #content #comments textarea {
    width: 59%;
    float: right;
    display: block;
    height: 106px;
    font-family: NeoRegular;
    font-size: 13px;
    }

    #content #comments.logged-in textarea {
    width: 100%;
    float: none;
    margin-top: 10px;
    }

    #respond p.form-submit {
    clear: both;
    }

    img.alignleft {
    border: 1px solid #cdc;
    float: left;
    margin: 0 10px 10px 0;
    padding: 1px;
    }

    img.alignright {
    border: 1px solid #cdc;
    float: right;
    margin: 0 0 10px 10px;
    padding: 1px;
    }

    .alignleft {
    float: left;
    }

    .alignright {
    float: right;
    }

    .aligncenter {
    display: block;
    text-align: center;
    margin: 5px auto;
    }

    /* Attachment */

    #gallery-links {
    overflow: hidden;
    position: relative;
    height: 30px;
    margin-bottom: 10px;
    }

    #gallery-links .prev {
    background: url(images/prevnext.png);
    float: left;
    }

    #gallery-links .prev a {
    display: block;
    width: 100px;
    height: 30px;
    text-indent: -9999px;
    }

    #gallery-links .next {
    background: url(images/prevnext.png) 0 -30px;
    float: right;
    }

    #gallery-links .next a {
    display: block;
    width: 100px;
    height: 30px;
    text-indent: -9999px;
    }

    #gallery-links .number {
    margin: auto;
    position: absolute;
    width: 100px;
    left: 50%;
    top: 0;
    margin-left: -50px;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    }

    #single.attachment .ads, #image {
    text-align: center;
    }

    #single.attachment .gallery-nav {
    text-align: center;
    margin-bottom: 10px;
    }

    #page-links {
    text-align: center;
    margin-bottom: 5px;
    }

    #page-links span {
    display: inline-block;
    }

    #single.attachment .gallery-nav a, #page-links span {
    display: inline-block;
    color: #999;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.59);
    background: #ECECEC;
    padding: 6px 0;
    width: 30px;
    text-align: center;
    border: 1px solid #D8D8D8;
    border-bottom: 1px solid #CCC;
    border-radius: 3px;
    overflow: visible;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 15px 14px rgba(255, 255, 255, 0.57);
    margin: 2px 0;
    transition:all .2s;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    }

    #single.attachment .gallery-nav a:hover, #single.attachment .gallery-nav a.active, #page-links>span {
    color: #888;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.69);
    background: #ddd;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187);
    }

    /* GALLERY */

    #single .gallery {
    overflow: hidden;
    margin: 5px -5px;
    }

    #single .gallery .gallery-item {
    float:left;
    width:25%;
    height: 23%;
    padding:5px;
    margin: 0;
    }

    #single .gallery .gallery-item img {
    border:1px solid #ddd;
    width:100%;
    padding:2px;
    }

    #single .gallery br {
    display: none;
    }


    @media all and (max-width: 550px) {

    #singleBlock {
    margin: auto;
    text-align: center;
    float: none;
    }

    #singleBlock .thumbBlock, #singleBlock .ad {
    width: 100%;
    float: none;
    }

    #singleBlock .ad {
    border: 0;
    padding: 0;
    margin-top: 10px;
    }

    }

    @media all and (max-width: 420px) {
    #respond .left, #content #comments textarea {
    float: none;
    width: 100%;
    }
    }
    yukarıdaki css'i

    http://www.sheturk.com/wp-content/th...nv2/single.css

    buradaki css ile değiştir, düzelecek...