The way your mobile page is created is by the order of the Elements, compiling them from the top down. Each element is displayed like blocks stacked on top of each other.
If you know html you can create an amazing mobile design by just using the Text/HTML element. The editor for the Text/HTML element has a edit html function allowing you to edit the html directly.
If you want to create your own link to the Full Website use the following code changing your-website.com to your domain:
<a href=”http://your-website.com/?no-mobile=1″>View Full Website</a>
You can use our existing style sheet located in the plugin’s css/first-page-mobile-public.css to do any custom styling to you mobile first page.
There is a built-in toggle function that can be used to “Show” and “Hide” divisions (<div>) you only need to follow the below example, I’ll use “Our Location” as the sample link.
<span class=”menu-item menu-item-1″ data-target=”.location”><a href=”#”>Our Location</a></span>
<div class=”menu-toggle location” style=”display: none;”>Your content goes here</div>
To add a second toggle that will hide the fist toggle and display the second toggel use this code:
<span class=”menu-item menu-item-2″ data-target=”.photos”><a href=”#”>Our Photos</a></span>
<div class=”menu-toggle photos” style=”display: none;”>Your photos would go here</div>
You can add as many toggles as you want just increase the menu-item-number and use unique classes.