Admin - Mobile Layout Glossary

The mobile version of your website is designed to inherit properties from the desktop version and make a stunning layout for viewing on phones. If you are satisfied with how the phone version of your site looks you DO NOT need to touch any of these settings. You can use these setting to change behavior inherited from the desktop site.

Mobile Layout - Landing Media

Image Horizontal Align - Use to align your landing media on small screens (left, center, right).

Image Vertical Align - Use to align your landing media on small screens (top, center bottom).

Scale Type - Change the scale type for mobile so your landing media fits on small vertically held screens.

Mobile Layout - Intro

Scale Type - Change the scale type for mobile so your intro fits on small vertically held screens.

Mobile Layout - Logo

Logo File: Upload a different logo for the mobile version of your site.

Horizontal Align: Adjust the position of the mobile logo.

Horizontal Offset: Adjust the position of the mobile logo.

Vertical Offset: Adjust the position of the mobile logo.

Font Family: Override this setting from the desktop site (text logo).

Kerning: Override this setting from the desktop site (text logo).

Font Size: Override this setting from the desktop site (text logo).

Font Color: Override this setting from the desktop site (text logo).

Mobile Layout - Menu

Menu Auto-close on Init: OFF- Menu stays open when someone visits. ON- Menu closes after a period of time when someone visits (this will allow your landing page media to play).

Background Color: Background color for menu

Background Transparency: Set to 1 for solid and 0 for transparent (.5 and anything inbetween too).

Menu Displace: ON - Menu will displace the images. OFF - Menu will overlay the images.

Justification: Override this menu setting from the desktop site.

Vertical Text Padding: Add padding to the text to make room on top of your menu for logos.

Font Family: Override this menu setting from the desktop site.

Font Size: Override this menu setting from the desktop site.

Sub Font Size: Override this menu setting from the desktop site.

Font Color: Override this menu setting from the desktop site.

Menu Button Height: Change the height of the menu button (aka hamburger).

Menu Line Separators: Add a line on the menu that separates each item.

Indent: Override this menu setting from the desktop site.

Sub Indent: Override this menu setting from the desktop site.

Mobile Layout - Text Pages

Top, Right Bottom and Left Margins: Change the margins for your mobile text pages. You can enter pixels (10 px) or percent (10 %).

Mobile Layout - Thumbnails

Default On: ON- Forces a column of thumbnails to show first. OFF- Mirrors behavior of desktop site (will show a single image at a time if you don't have thumbnails first on your gallery)

Thumbs Size: Override the thumbs size set on the desktop site.

Custom Thumb Width: If you set your thumbs size to custom you can enter a value here in pixels.

Custom Thumb Height: If you set your thumbs size to custom you can enter a value here in pixels.

Gap: Set a gap between thumbs.

Horizontal Margin: Create a margin.

Vertical Margin: Create a margin.

Index Thumb Label Color: Override this setting from the desktop site.

Index Thumb Hover Transparency: Override this setting from the desktop site.

Index Thumb Label Position: Override this setting from the desktop site.

Top Margin: Override this setting from the desktop site - Sets margin above title block text.

Mobile Layout - Images & Video

Images & Video Background Color: Override this setting from the desktop site.

Transition Type: Choose how the images will transition on mobile (Note: if you have thumbs first selected scrolling thumbnails will appear first that can be clicked to access this transition). More information on this video: https://support.aphotofolio.com/hc/en-us/articles/115002122654

NEW - One Touch Video Playback on Mobile

We've added a new feature that will allow Vimeo videos to playback instantly after clicking the thumbnail on the mobile site. To activate turn ON the Video 1-Click Play in the Mobile Layout panel. 

NOTE: If you have more than 6 or 8 videos in the gallery you will not want to use this feature because it will crash the mobile browser page due to iframes loading.