Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 10, 2014 at 2:44 pm #234719
    intosuwo

    Hi,
    I want my blogpost full width and added in custom css the following rules:

    #top .fullsize .template-blog .post_author_timeline {
    display: block;
    }

    #top .fullsize .template-blog .blog-meta {
    margin: 0;
    position: absolute;
    }

    #top .fullsize .template-blog .post-meta-infos {
    text-align: left;
    }

    On my pc it is working just fine, but when i open this on my phone it won’t. (The image appears above the text)
    Could you please watch this and give me a solution.

    March 11, 2014 at 9:48 am #235313
    Dude

    Hi intosuwo!

    Please post a link to your blog page.

    Best regards,
    Peter

    March 11, 2014 at 11:56 am #235406
    intosuwo
    This reply has been marked as private.
    March 11, 2014 at 5:09 pm #235664
    Ismael

    Hey!

    How are you? I hope you’re doing well today.

    Please add this on Quick CSS or custom.css to place the thumbnail on top of the post.

    @media only screen and (max-width: 767px) {
.responsive .template-blog .blog-meta, .responsive .post_author_timeline, .responsive #top #main .sidebar {
display: none;
position: relative !important;
width: 100% !important;
}

.single-post .single-small.with-slider .small-preview {
width: 100%;
text-align: center;
background: transparent;
height: auto;
}

#top .fullsize .template-blog .big-preview a, #top .fullsize .template-blog .small-preview img {
width: 180px;
margin: 0 auto;
}
}

    Regards,
    Ismael

    March 13, 2014 at 11:41 am #236818
    intosuwo

    Hi Ismael,
    Absolut top, that looks a lot better.

    Thanks, Intosuwo

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Blog post not responsive in full width’ is closed to new replies.