#slide navigation

[eossa]

Brutal 2.0 Theme 29

A responsive two-column theme with a brutalist design.

Live Preview | Get the code: Payhip

Key Features:

Brutalist design.

Responsive layout.

Two columns.

Flexbox layout.

Slide-in navigation.

Information:

Theme Guide: this document contains all features, resources and the customization guide.

Rules: this page has all the rules you need to follow when using this theme.

[eossa]

Liebling Theme 22

A heartful theme for Valentine’s Day, or just for anyone who could need more love on their blog.

Live Preview | Buy (Payhip, €15) 

Key Features:

Responsive single column layout.

Hide/show tags and captions.

Slide-in sidebar + search.

Unnested captions.

Lots of hearts.

Information:

Product Guide: this document contains all features, resources and the customization guide.

Rules: this page has all the rules you need to follow when using this premium theme.

More

Get in contact with me: Inbox. Messenger. @silbrigsupport.

You like the theme, but you do not want to buy it? You are, however, willing to show financial support? Consider a donation: ko-fi, buymeacoffee.

As always, reblogs (and likes) are highly appreciated, since they show me if and how many people are interested in my work.

[themecandy]

ever want to know how to change the text selection/highlight color? want rainbow hover on your links? are you after slide down navigation when you click on a picture? new tutorials added & more coming :D

http://sweeterthansugarthemes.tumblr.com/

http://sweeterthansugarthemes.tumblr.com/

http://sweeterthansugarthemes.tumblr.com/

[thesnippetx]

Vertical Slide Navigation With CSS3

Same method with the last tutorial, which is using the :target selector, you can also achieve the anchor scrolling navigation.

The nav is for the navigation while the span below them is use as a dummy to be the one we use the :target with. Using the transition, we can achieve the scrolling effect.

Demo can be found atop and here.

Reference

Vertical sliding nav