0
Welcome Guest! Login
0 items Join Now

Our Star Wars Sale is ending soon, but it's not too late to save big! It's your last chance to save 50% on themes and 35% on memberships! Act fast!
motionmailapp.com

Photon: Recreating the Demo - Navigation Section

Your Guide to Recreating Elements of the Photon Demo for Grav


Introduction

1
Logo / Image (Particle)
2
Menu (Particle)
3
Social (Particle)

The Navigation section includes three particles, Logo, Menu, and Social.

Here is a breakdown of the widget(s) and particle(s) that appear in this section:

Section Settings

Option Setting
Layout Fullwidth (Boxed Content)
CSS Classes nav-large-offset
Tag Attributes Blank

Logo (Particle)

Particle Settings

Demo Navigation

Option Setting
URL Blank
Image gantry-media://logo/logo.svg
Link Checked
SVG Code Blank
Text Photon
CSS Classes g-logo

Block Settings

Demo Navigation

Option Setting
CSS ID Blank
CSS Classes Blank
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 20%

Menu (Particle)

Particle Settings

Demo Navigation

Option Setting
Menu Use Default Menu
Base Item Active
Start Level 1
Max Levels 0
Renter Titles Unchecked
Mobile Target Unchecked

Block Settings

Demo Navigation

Option Setting
CSS ID Blank
CSS Classes Blank
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 60%

Social (Particle)

Particle Settings

Demo Navigation

Option Setting
CSS Classes align-right
Title Blank
Target New Window
Item 1 Name Facebook
Item 1 Icon fa fa-facebook fa-fw
Item 1 Text Blank
Item 1 Link http://www.facebook.com/RocketTheme

Block Settings

Demo Navigation

Option Setting
CSS ID Blank
CSS Classes hidden-phone
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 20%

Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.