You are here

Home › Administration › Structure › Domains

Media.LogisticsTechnology.us : adaptivetheme settings

Status message

You are viewing the adaptivetheme settings for Media.LogisticsTechnology.us .

Layout & General Settings

View online documentation

Vertical Tabs

Standard Layout

Standard Layout

The standard layout is for desktops, laptops and other large screen devices.

Choose sidebar layout
Set sidebar widths
Set the width of each sidebar
Set the page width
Set the page width
Set a max width
Standard Screen Media Queries
Do not include @media, it's included automatically.
Tablet Layout

Tablet Layout

Tablet devices such as iPad have two orientations - landscape and portrait. You can configure a different layout for each orientation.

Landscape

Landscape tablet

Choose sidebar layout
Set sidebar widths
Set the width of each sidebar
In this layout Second sidebar wraps below.
Set the page width
Set the page width
Tablet Landscape Media Queries
Do not include @media, it's included automatically.
Portrait

Portrait tablet

Choose sidebar layout
Set sidebar widths
Set the width of each sidebar
In this layout Second sidebar wraps below.
Set the page width
Set the page width
Tablet Portrait Media Queries
Do not include @media, it's included automatically.
Smartphone Layout

Smartphone Layout

Smartphone devices such as iPhone, Android and Windows phones have two orientations - landscape and portrait. You can configure a layout for landscape orientation only - portrait orientation always displays in one column with sidebars stacked below the main content.

Landscape

Landscape smartphone

Choose sidebar layout
Set sidebar widths
Set the width of each sidebar
Smartphone Landscape Media Queries
Do not include @media, it's included automatically.
Portrait

Portrait smartphone

One column

The smartphone portrait layout always displays in one column with sidebars stacked horizontally below the main content. All widths are always 100%.

Smartphone Portrait Media Queries
Do not include @media, it's included automatically.
Panels & Gpanels

Panels & Gpanels

Adaptivetheme supports responsive Panels and Gpanel layouts. To use this capability you can use the Panels module, Display Suite (with Panels) or Adaptivethemes native Gpanels layouts. To views all layouts on one page and test your settings you can enable the panels test, see the Debuggers tab.

Usage: select options for each device range and layout type.

CSS

CSS Global Settings

These settings are primarly set during development - do not change these unless you are actively developing or modifying your theme. If you need to globally unset core CSS or other CSS files use the Unset CSS Files extension.

CSS Mode

Mode

CSS aggregation is ON. Changes to your themes responsive CSS files will not show until you re-save the theme settings (click "Save configuration" at the bottom of this form).

This is required to re-write the production version of the responsive styles and is a performance optimization in Adaptivetheme, which saves your site at least 4 HTTP requests.

Custom Media Queries

Custom Media Queries

Use this file if you need to use custom media queries, such as overlapped media queries. This file is located here: themeName/css/responsive.custom.css. Adaptivetheme will load this file automagically when this setting enabled.
Mobile first or Mobile last

Mobile first or Desktop first

Use with caution! If you are using a pre-styled sub-theme such as Pixture Reloaded, Sky, Corolla, AT Commerce or any of the commerical sub-themes you should NOT change this!
Change default layout method

Adaptivetheme supports both mobile first and desktop first design approaches. Please review the online documentation.

This setting fundementally alters what CSS is loaded and how it is loaded. At the most basic level if you select Mobile first the Smartphone portrait layout will load as the default, if you select Desktop first the Standard layout will load as the default. Many other changes take place regarding loading of CSS for Internet Explorer, Responsive Gpanels and Panels as well.

Path to Generated Files

Path to Generated Files

Files will be saved to: sites/default/files/adaptivetheme/adaptivetheme_files/
Files will be saved to: sites/all/themes/adaptivetheme/at_core/generated_files/
This directory must exist and be writable by Drupal. This directory must be relative to the Drupal installation directory and be accessible over the web. Do not try to use something like ../css, it will fail. Use someting like sites/default/css.
Disable Responsive CSS

Disable Responsive CSS

By checking this setting the site will use only the Standard layout and the global styles. You can turn this back on at any time.
Polyfills

Polyfills

Here you can enable commonly used Polyfills supplied with the core theme. Adaptivetheme also supports loading scripts and CSS for Internet Explorer using your sub-themes info file.

Polyfills
By checking this setting the site will load the html5shiv. Turning this off will be bad news for IE6-8.
Load the JS Media Queries plugin to enable responsive JavaScript. See /adaptivetheme/scripts/media_queries.js for instructions on how to use. This is an alternative to using matchMedia and hard coding breakpoints in JavaScript. This is bleeding edge and must be considered beta, but its wickedly cool, and useful.
Load a stylesheet that fixes percentage rounding errors in IE6-7. You need this if you are using Gpanels or Panels layouts.
By checking this setting IE6, 7 and 8 will rely on respond.js to set the layout.
Fixes the iOS Orientationchange zoom bug.
Metatags

Mobile Metatags

Configure metatags for mobile devices. To omit a metatag leave it empty.

Mobile Metatags
Debuggers
Debuggers

Debuggers

Debug Panels and Gpanels Layouts

Debug Panels and Gpanels Layouts

This will only load the layouts that ship with AT Core, the test is hard coded.

All Media Queries

All Media Queries

This shows the media queries currently being used by your theme. This is provided so you can easily save a backup copy for reference.

Standard layout
@media only screen and (min-width:1025px)
Tablet landscape
@media only screen and (min-width:769px) and (max-width:1024px)
Tablet portrait
@media only screen and (min-width:481px) and (max-width:768px)
Smartphone landscape
@media only screen and (min-width:321px) and (max-width:480px)
Smartphone portrait
@media only screen and (max-width:320px)
Extensions

Enable Additional Features

Extensions include many extras for configuring and styling your site. Enabled extensions will appear in new vertical tabs below the main setting. Extensions can be enabled or disabled individually, so you only load what you need. Disabling the global setting will globally disable most extensions, but not enable them.

Once you have enabled an extension you will need to configure its settings, then save the theme settings again (to save its configuration).

Extensions
Apply fonts to site elements (page, titles, headings, menus and custom selectors). Supports websafe, custom and Google fonts, and @font-your-face integration.
Fine grain control over case, weight, alignment and CSS3 text shadows for page title, node, comment and block titles.
Set default image alignment, image captions and teaser image view.
Check this setting if you want to use touch icons for iOS, Android and Nokia devices.
Options to unset (exclude) CSS files from loading in your theme - includes settings for Core modules, CSS added by Libaries and your own declared exclusions (see your themes info file under "Stylesheets").
Enter custom CSS rules for minor adjustment to your theme. Useful if you do not want to build a sub-theme and need modifications to survive theme upgrades if required.
Unset regions or move blocks to another region in mobile devices. Requires the Browscap module for mobile device detection.
Float blocks in any region - this allows blocks to line up horizontally within a region, similar to a CSS grid or columns.
Many additional options for adding, removing, hiding and changing site elements and markup - includes:
  • Set the gutter width
  • Use page--full-width-wrappers.tpl.php for 100% width header and footer designs
  • Enable page--[content-type].tpl.php suggestions
  • Wrap menu item text in SPAN tags
  • Breadcrumb Settings - hide, hide the home link, configure seperator, append the page title
  • Login Block - hide links, hide OpenID links, horizontal login block
  • Remove the frontpage title
  • Do not display the Main content block on the front page
  • Remove RSS feed icons
  • Hide comment titles
  • Remove menu link titles (tool tips)
  • Accessibility settings - set the skip navigation target ID, use extra fieldsets in the advanced search form
  • Add rel=author to user names
  • Add or remove CSS classes for pages, nodes, blocks, comments, menus and item lists
Header image settings
Choose a graphical header, or upload a custom image.
To have images supplied by your theme show here place them in yourtheme/header-images folder. They must be png or jpg.
Custom image
The path to the file you would like to use as your header.
If you don't have direct file access to the server, use this field to upload your header.
CSS settings
The CSS selector to use when placing the header image.