Zuki Theme – Move "previous and next post"

  • Unknown's avatar
    lifeisbetterred · Member ·

    Hello,

    I was hoping someone could help me with the coding to move the “previous post” and “next post” on the blog posts so that they show up directly below the post content (above the share this section) and so they are a little larger. If this possible?

    Thank you!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, I’ve looked at your site, and give the following a try. The only caveat on all this is that it will not work on Internet Explorer 9 and earlier since they have no support for this. Also, this puts the post navigation below the related posts and the categories/tags at the bottom of the posts. That is as far up as I can get things due to the structure of the HTML on Zuki. 

    .single .site-content {
	-ms-box-orient: column;
	display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
    display: flex;
    flex-direction: column;
	display: -webkit-direction;
	flex-flow: column;
}
.single .hentry {
    order: 1;
}
.single .nav-wrap {
    order: 2;
}
.single .comments-area {
    order: 3;
}

    This all seems to work fine in my testing in Firefox, Safari and Chrome, but I can’t test in Internet Explorer/Edge. If you can test in that browser it would be great.

  • Unknown's avatar
    lifeisbetterred · Member ·

    Thanks that’s great!

    Another question. I find the tagline has weird spacing when I add it on to the blog. I have entered it now and if you take a look at the top you can see it starts on one line and then cuts off to the next. Is there a way to change it so it appears on one line below the blog title? And maybe get rid of some of the dead white space at the top?

    Thanks!

  • Unknown's avatar
    michaelvandenberg · Member ·

    Hi there,

    Try this: 

    @media screen and (min-width: 767px) {
	#site-header h2.site-description {
		display: block;
		margin-top: 10px;
	}
}

    I’ve added a few pixels of margin to the top so that you’ve got a little bit more whitespace between the site description and the site title, but you can leave that out if you want to. :)

  • Unknown's avatar
    lifeisbetterred · Member ·

    That’s great, thank you so much!

    Is there a way to get rid of some of the white space before and after the menu?

  • Unknown's avatar
    thesacredpath · Member ·

    On the white space before and after menu, add the following and see what you think. You can adjust the values as desired. 

    #site-nav {
    padding-top: 0;
    padding-bottom: 20px;
}
  • The topic ‘Zuki Theme – Move "previous and next post"’ is closed to new replies.