View online documentation
The standard layout is for desktops, laptops and other large screen devices.
Tablet devices such as iPad have two orientations - landscape and portrait. You can configure a different layout for each orientation.
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.
The smartphone portrait layout always displays in one column with sidebars stacked horizontally below the main content. All widths are always 100%.
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.
Your theme currently uses these Gpanels:
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 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.
themeName/css/responsive.custom.css
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.
sites/default/files/adaptivetheme/mlt_biz_files/
sites/all/themes/customized/mlt_biz/generated_files/
../css
sites/default/css
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.
/mlt_biz/scripts/media_queries.js
Configure metatags for mobile devices. To omit a metatag leave it empty.
This shows the media queries currently being used by your theme. This is provided so you can easily save a backup copy for reference.
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).
First select the font type — websafe, google or custom — then select or enter the required information depending on the type. Adaptivetheme can also support any font supplied by the @font-your-face module, new settings and instructions will appear after you have installed @font-your-face.
To preview and gather required information for adding Google fonts see: google.com/webfonts. If you are adding extra styles or character sets these must exist for the specified font — use the Quick-use feature in Google fonts to check this information.
Open Sans Condensed
'Times New Roman'
.node-content, .block-content
Add extra styles to headings. Text shadows only work for CSS3 capable browsers such as Firefox, Safari, IE9 etc.
Set alignment for image-field images on full and teaser view, and enable captions.
Change the position of the logo, site name and slogan. Note that his will automatically alter the header region layout also. If the branding elements are centered the header region will center below them, otherwise the header region will float in the opposite direction.
Rounded corners are implimented using CSS and only work in modern compliant browsers. You can set the radius for both the main content and main menu tabs.
This setting adds a texture over the main background color - the darker the background the more these stand out, on light backgrounds the effect is subtle.
This setting allows you to customize the bullet images used on menus items. Bullet images only show on normal vertical block menus.
Select number of columns(i) for each region. For example if you want four blocks to line horizontally up choose 4, then select the float direction. Clearing(ii) (if you are trying to create a grid) and mobile displays(iii) must be accounted for in your theme.
responsive.custom.css
global.page.css
Sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
