Updating to Luna 1.1.3

PVII is the leader in creative extensions for Dreamweaver.

What's new in 1.1.3

Added mobile browser detection and special rules for mobile browsers in regular style sheets. The separate iOS style sheets using media queries are no longer necessary. Also revised conditional comments for IE6 so that vertical menus display properly.

Updating existing Luna pages

To update existing pages you'll need to update the p7PageScroll.js file, your main CSS file, and your conditional comments (only for pages with vertical menus). You'll also need to delete the link to the mobile iOS style sheet.

Update the script

Go to p7luna folder and locate p7PageScroll.js

Delete it. Dreamweaver will warn you that it is being used
Click the Delete Anyway button

Open your Luna page.

Choose Modify > Studio VII > Modify Luna Page Scroll by PVII...

When the interface opens, click OK

A new p7PageScroll.js file will be generated in your p7luna folder
Upload it to your server if applicable

Update main CSS file

In the p7luna folder, open your p7luna0X.css file, where "X" is a number from 1-8 depending on your layout.

Make a new line at the bottom of your style sheet and add the following rules, according to which CSS file you are using:

For p7luna01.css, p7luna03.css, p7luna05.css and p7luna07.css add these rules:

.p7PGS_mobile .navigation, .p7PGS_mobile #logo, .p7PGS_mobile #footer {
    position: static !important;
    width: auto !important;
}
.p7PGS_mobile div.section {
    padding: 30px 0 !important;
}

For p7luna02.css, p7luna04.css, p7luna06.css and p7luna08.css add these rules:

.p7PGS_mobile #logo, .p7PGS_mobile #footer {
    position: static !important;
    width: auto !important;
}
.p7PGS_mobile .navigation {
    position: absolute !important;
}
.p7PGS_mobile div.section {
    padding: 30px 0 !important;
}

Update IE Conditional Comments

The conditional comments only need to be updated for pages that have a vertical navigation menu. Switch to Code View and locate the original conditional comments in the head of your document. They look like this:

Delete them and replace with this code:

Delete the Mobile Browser CSS link

The mobile style sheets are named p7luna01_ios.css to p7luna08_ios.css, depending on the layout you are using. If you are using Layout 1, the code in your page, near the top of Code View, would look like this:

Delete the entire line.

That's it. You are now up-to-date.