Search the Community
Showing results for tags 'zurb'.
-
Hi! I am planning to make my existing site (http://www.zwedenweb.com) responsive, but need some help to get started. The first question: modify the existing theme or start from scratch? I figured that starting from scratch is probably best. Am I right there? Second: I think I'll go with Zurb's Foundation, but don't really know where to start. Is there a guide or write up how to create a foundation theme in PW? I searched the forums, but didn't find the stuff to get me started. //Jasper
- 10 replies
-
- getting started
- responsive
-
(and 2 more)
Tagged with:
-
hi @all could somebody help me and show me the right way to create easily topbar-navigation PW+ZurbFoundation please? This is my HTML for the navigation: <nav class="top-bar" data-topbar> <ul class="title-area"> <li class="name"> <h1> <a href="#"> 1. BGC-Celle </a> </h1> </li> <li class="toggle-topbar menu-icon"><a href="#"><span>menu</span></a></li> </ul> <section class="top-bar-section"> <ul class="right"> <li class="divider"></li> <li class="has-dropdown"> <a href="#">Main Item 1</a> <ul class="dropdown"> <li><label>Section Name</label></li> <li class="has-dropdown"> <a href="#" class="">Has Dropdown, Level 1</a> <ul class="dropdown"> <li><a href="#">Dropdown Options</a></li> <li><a href="#">Dropdown Options</a></li> <li><a href="#">Level 2</a></li> <li><a href="#">Subdropdown Option</a></li> <li><a href="#">Subdropdown Option</a></li> <li><a href="#">Subdropdown Option</a></li> </ul> </li> <li><a href="#">Dropdown Option</a></li> <li><a href="#">Dropdown Option</a></li> <li class="divider"></li> <li><label>Section Name</label></li> <li><a href="#">Dropdown Option</a></li> <li><a href="#">Dropdown Option</a></li> <li><a href="#">Dropdown Option</a></li> <li class="divider"></li> <li><a href="#">See all →</a></li> </ul> </li> <li class="divider"></li> <li><a href="#">Main Item 2</a></li> <li class="divider"></li> <li class="has-dropdown"> <a href="#">Main Item 3</a> <ul class="dropdown"> <li><a href="#">Dropdown Option</a></li> <li><a href="#">Dropdown Option</a></li> <li><a href="#">Dropdown Option</a></li> <li class="divider"></li> <li><a href="#">See all →</a></li> </ul> </li> </ul> </section> </nav> how can I render this in PW easily? Thanks
- 10 replies
-
- navigation
- foundation
-
(and 1 more)
Tagged with: