Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #234719

    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.

    #235313

    Hi intosuwo!

    Please post a link to your blog page.

    Best regards,
    Peter

    #235406
    This reply has been marked as private.
    #235664

    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

    #236818

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

    Thanks, Intosuwo

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