Comments on: How To Make A Sticky Navigation Bar On Blogger

By: Jessica Slaughter

Jessica Slaughter — Tue, 05 May 2015 18:29:00 +0000

Hmm, do you mean none of the code is showing up in my post?

By: pao aviles

pao aviles — Tue, 05 May 2015 13:14:00 +0000

hi im having some trouble here but i cant see any code? huhu im so sorry btw!

By: Jessica Slaughter

Jessica Slaughter — Fri, 24 Apr 2015 16:29:00 +0000

Thank you so much! And I actually haven’t thought about making a post for that, but I love that idea! I will definitely make one!

By: Qritical

Qritical — Fri, 24 Apr 2015 12:34:00 +0000

It’s alright, I’m fine with it on the left. Thanks anyways, your blog is amazing and has been very helpful! If you have any insights on creating a flexslider, post a tutorial, I think it would be helpful!

By: Jessica Slaughter

Jessica Slaughter — Fri, 24 Apr 2015 05:18:00 +0000

Hmm, could you link to your blog? I’ll try my best to help!

By: Qritical

Qritical — Fri, 24 Apr 2015 04:33:00 +0000

hmmm, nope that doesn’t work.

This piece of code center’s the links

/* Centre Navigation */
.tabs .widget li, .tabs .widget li{
display: inline;
float: none;}

I’ve tried float:right; but some of the links got cut off

By: Jessica Slaughter

Jessica Slaughter — Fri, 24 Apr 2015 04:24:00 +0000

Do you just mean the text links? If so, just change

text-align: center !important;

in the /* Background & Border of Navigation */ section to

text-align: right !important;

and you should be good! :)

By: Qritical

Qritical — Fri, 24 Apr 2015 04:16:00 +0000

Great tutorial, how do you make the navigation to the right instead of centre?

By: Lieke Bleumink

Lieke Bleumink — Mon, 06 Apr 2015 12:34:00 +0000

First, sorry if my english isn’t that good. But i’ve tried to increase it until it’s centered, but when i did that, the navigation bar started in the middle of my blog, so when i scrolled you saw the beginning of the bar. I hope that you understand my problem! My blog is http://www.liekemarie.nl, but it’s dutch so you might not understand it haha

By: Jessica Slaughter

Jessica Slaughter — Sun, 05 Apr 2015 21:57:00 +0000

Hmm…did you add in this part of the css?

/* Centre Navigation */

.tabs .widget li, .tabs .widget li{

display: inline;

float: none;}

If so, I’m not exactly sure what’s causing that issue…you could try increasing or decreasing the “left” value in this part of the CSS until it’s centered:

#stickynavbar { position: fixed; top: 0px; left: 0px; z-index: 999; width:100%;}

If neither of these work, could you link me to your blog? I’ll try my best to help you out!