Okay
  Public Ticket #1048391
Mobi;e post page has unwanted left space
Closed

Comments

  •  2
    John started the conversation
    February 3, 2017 at 11:57pm

    Hi,

    I have some space on the left-hand side of every post on mobile (see attached). I assume it is due to the post date at the top, the date is not necessary on mobile and don't mind if it isn't on desktop either. can you please help?

    Kind regards,

    John

  •  840
    Jelly replied
    February 6, 2017 at 9:26am

    Hi,

    I had updated it for you now, please check your website.

    Best Regards,
    Jelly Team

  •  2
    John replied
    February 7, 2017 at 2:07am

    Great - the blog page and post page looks good now on the blog pages. Any way this can be done on pages displaying posts like www.truesapien.com/blog/training-diaries/ ?

    Kind regards,

    John


  •  840
    Jelly replied
    February 7, 2017 at 12:44pm

    Hi,

    This mean you want remove the date, the meta area and the comment text. Just keep the blog post and sidebar?

    I had updated it now, if you don't like it, I can back to previous version again.

    Best Regards,
    Jelly Team

  •  2
    John replied
    February 7, 2017 at 1:21pm

    That's great and exactly it, thank you - the mobile view does still have the left hand space (see attached).

    Can I also ask what changes you made for future reference?

    Kind regards,

    John

  •  840
    Jelly replied
    February 7, 2017 at 2:33pm

    Hi,

    I can't help you understand each custom style row, but you just need backup this custom style:

    #footer .scrollup, #footer .thanks {display: none;}
#header .navbar-brand img {width: 50%;}
.page .date, .page .post-meta, .page #comments {display: none;}
.page .hentry {border: 0 !important; padding: 0 !important;}
#home-slider.static {background-position: top center !important; background-repeat: no-repeat;}
.admin-bar .overlay {top: 0px;}
@media screen and (max-width: 768px){
.navbar-nav > li:hover > .sub-menu {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 5%;
}
.navbar-nav > li > .sub-menu li {
    margin: 10px 0px;
}
}
@media screen and (max-width: 568px){
.post {padding: 0 0 30px 0;}
.post .date {display: none;}
}

    Or you can use a plugin custom css and add this css then remove the css from style.css file (the end of the file) and you will never lose custom style even update our theme.

    Best Regards,
    Jelly Team

  •  2
    John replied
    February 9, 2017 at 2:37am

    Thank you very much, that was just what i was after. All looks good, really appreciate it.

    Kind regards,

    John

  •  840
    Jelly replied
    February 9, 2017 at 12:16pm

    Hi,

    No problem, glad it's work for you now, do you still need my help?

    Best Regards,
    Jelly Team