Welcome Guest! Login
0 items Join Now

Tessellate: Recreating the Demo - FP Showcase B

Your Guide to Recreating Elements of the Tessellate Demo for Joomla

FP Showcase B

This area of the front page is a Custom HTML module. You will find the settings used in our demo below.

Any mod_custom (Custom HTML) modules are best handled using either RokPad or no editor as a WYSIWYG editor can cause issues with any code that exists in the Custom Output field.


Option Setting
Title FP Showcase B
Show Title Hide
Position showcase-b
Status Published
Access Public

Custom Output

<div class="hidden-tablet">
    <h6><span>CSS-based <span class="visible-large">multi-column </span>dropdown menu system</span></h6>
    <p class="smallmarginbottom hidden-tablet">Features include multiple columns, inline modules and positions, and more.</p>
    <a href="/blog/extensions?id=5" class="readon4">Read More</a>

    <h6 class="largemargintop largepaddingtop"><span>A static horizontal menu <span class="hidden-large">option</span><span class="visible-large"> with separated child items</span></span></h6>
    <p class="smallmarginbottom hidden-tablet">Parent and subsequent child items are placed in different, configurable positions.</p>
    <a href="/blog/extensions?id=5" class="readon4">Read More</a>

<div class="visible-large">
    <h6 class="largemargintop largepaddingtop">Sidepanel or selectbox format for mobile menu</h6>
    <p class="smallmarginbottom">Smartphones viewing Tessellate benefit from a mobile specific menu, for easier browsing.</p>
    <a href="/blog/extensions?id=5" class="readon4">Read More</a>

<div class="visible-tablet">
    <h6>CSS-based multi-column dropdown menu system</h6>
    <a href="/blog/extensions?id=5" class="readon4">Read More</a>

    <h6 class="largemargintop largepaddingtop">A static horizontal menu with separated child items</h6> 
    <a href="/blog/extensions?id=5" class="readon4">Read More</a>   


Option Setting
Prepare Content No
Select a Background Image Blank


Option Setting
Module Class Suffix fp-showcase-b

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