Lunar is a modern, sleek template that allows you to build robust, responsive sites. Its sturdy, lightweight framework and gorgeous design is ideal for just about any type of site.
Lunar allows you to adjust the width of various sections of your site’s pages, independent of one another. Easily create unique layouts using differing widths for your main content, footer, banner and more.
Building sites that display on both desktop computers and mobile devices is essential nowadays. Lunar is built on a lightweight framework that ensures your site will look good on both!
While we include a lot of stock features, you can also add custom banners, social networking badges, and more to your layouts to get just the right look for your site.
The Lunar theme supports RapidWeaver's new Banner setting right out of the box. Drag-and-drop your banner image into the image well in the Site Setup or the Page Inspector and you're ready to go!
In addition to the custom banner support Lunar offers we've also included 20 different stock banner images baked right into the theme to get you up and running quickly and easily.
Customize the images that you use for your banners with Lunar's banner overlays. Use these overlays to help your banner content really pop off the page and get your visitors' attention.
Create a nice blended effect between your banner's background image and your site's background to create a smooth, seamless design.
Lunar allows you to set separate banner heights for mobile, tablet and desktop breakpoints, choosing between flexible, fixed and full-browser height banners.
Lunar allows you to add buttery smooth animations to your banner elements, using preset animations. We’ve included 3 different animation presets to choose from.
We've included 5 different ExtraContent areas in the Lunar theme, including areas in the banner, footer, a visitor toggled drop down and more.
Lunar features a stylish, mobile friendly, drop down navigation. Use it as a normal navigation system or enable the sticky navigation feature to keep it stuck to the browser top.
Lunar has a built-in lightbox for Photo Album pages. Build a Photo Album using the Photo Album page and then toggle on the Lightbox feature and you're good to go.
Lunar allows you to set separate max-widths for different sections of your page. Set individual widths for the banner content, main content, footer content and ExtraContent areas 2, 3 and 4.
Customize your site title and slogan using one of Lunar's stylish, hand-picked font presets. Adjust your site slogan's letter spacing and the site title's size, and more.
The RapidWeaver sidebar is a great area for secondary information on your page. It also houses content like your blog archives. You can choose to place the sidebar on the right- or left-hand side, or hide it altogether.
We've included a huge selection of color pickers in the Lunar theme. With over 50 different color pickers you'll be able to easily customize each of your site's pages to look just as you'd like. The color pickers also allow you to use an opacity slider to pick translucent colors.
We've included a toggle in the Lunar theme that allows you to help your YouTube and Vimeo video embeds to be responsive with just the click of the mouse.
You're able to insert social media badges onto your pages via small code snippets, which we've provided below. Be sure to watch our Badges video to learn how to use them in your site design.
<a class="myBadge twitter" href="#"></a>
<a class="myBadge google-plus" href="#"></a>
<a class="myBadge dribbble" href="#"></a>
<a class="myBadge facebook" href="#"></a>
<a class="myBadge instagram" href="#"></a>
<a class="myBadge github" href="#"></a>
<a class="myBadge linkedin" href="#"></a>
<a class="myBadge skype" href="#"></a>
<a class="myBadge tumblr" href="#"></a>
<a class="myBadge youtube" href="#"></a>
<a class="myBadge apple" href="#"></a>
<a class="myBadge windows" href="#"></a>
<a class="myBadge xing" href="#"></a>
<a class="myBadge email" href="#"></a>
<a class="myBadge android" href="#"></a>
<a class="myBadge soverflow" href="#"></a>
<a class="myBadge pintrest" href="#"></a>
<a class="myBadge dropbox" href="#"></a>
<a class="myBadge behance" href="#"></a>
<a class="myBadge vine" href="#"></a>
<a class="myBadge rss" href="#"></a>
<a class="myBadge comments" href="#"></a>
<a class="myBadge pencil" href="#"></a>
<a class="myBadge soundcloud" href="#"></a>
<a class="myBadge codepen" href="#"></a>
<a class="myBadge etsy" href="#"></a>
<a class="myBadge medium" href="#"></a>
<a class="myBadge reddit" href="#"></a>
**
<a class="myBadge snapchat" href="#"></a>
<a class="myBadge steam" href="#"></a>
<a class="myBadge twitch" href="#"></a>
<a class="myBadge yelp" href="#"></a>
In addition to its beautiful design it also features a large selection of theme variations and color pickers for easy customization.
In addition to the tutorial videos below we also offer detailed documentation for each setting within this theme on our Support Hub page.
You can find the full documentation and tutorials for Lunar, as well as all of our other products in the Elixir Support Hub. If you require further support we also offer a great community forum where you can ask questions and get support.
We've created several tutorial videos that walk you through using the major features of the theme. These are a good resource for both before and after your purchase. Watch them now to get an idea of some of the interesting things this theme can do, and follow along with them later after your purchase to help in building your new site.