[Pro] Upgrading site from non-responsive to responsive

Hi

I’d like to make my site responsive, it isn’t at the moment and would welcome tips. I’ve read the Extended Freeway 7 guide and I’'ve got stuck.

I can make the layout responsive and I get the first part of the guide about backgrounds etc.

I can’t get the Auto-generate Navigation Menu action to appear, or I can’t find it.

Any tips please any kind souls?

Ta

Heather


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

if anyone has any videos of the new features, even better :slight_smile:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I can’t get the Auto-generate Navigation Menu action to appear, or I can’t find it.

It is a check box in the CSS menu action interface.

On your Master Page where the CSS Menu item is apply the setting there.

You will need to structure your Site and its subfolders the way you want you want the links to appear in the menu

ie Each page in a subfolder will become a selection of the Folder heading

So a folder called Services with repairs and maintenance will become a dropdown with repairs and maintenance as the 2 options

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I can’t find the CSS Menu action interface, let alone the checkbox!

I made a sample site and made up the same folder structure as in the Freeway 7 extended instructions, to try and replicate the menu in that, but can’t find the menu, LOL.

Hope you can help on this? I expect it’s really obvious :slight_smile: and right under my nose!

Best

Heather


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’m still looking for the CSS menu action. I’ve made a graphic box, and html box on my master but with no luck, the CSS menu action is nowhere to be seen. Is this something I have to load from an external site?
There is a box on the Freeway 7 video, but no info on how to apply the CSS action in the first place.
Hope someone can help? How do I get the action to appear?

I’m working my way through their previous videos in the hope of finding it.
Best
Heather


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

but can’t find the menu

It is as simple as creating an html container and applying the CSS Menu action to it. Select the container Item>Actions>CSS Menus

Then Check the Auto-generate… box in the action interface and you are on your way. Check that you have the correct version (3.0.3)

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hurrah!!! I’d never have thought to look under Item :wink:

I was looking in Windows>Actions and Insert… no wonder!

Thanks,

Heather


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Great news, managed the CSS menu and also found a tututorial video under resources for Freeway5 which was useful.

But… a couple of things are tricky:

  1. How to change the text of the menu items to Trebuchet Caps instead of Proportional. When I try to change the font for the HTML box in the Inspector it defaults back to Proportional. Can I avoid this?

  2. I totally get the autocreation using folders and pages, but I actually need one of the folders/pages not to publish, and instead for the text (Image sales) to go to an external link.

Is this going to be a problem, would I need to go back to using a list for the menu and I can link the menu item out?

Many thanks in advance for anyone who can help :slight_smile:

Best

Heather


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On Aug 23, 2014, at 10:45 AM, Heather Hughes wrote:

Great news, managed the CSS menu and also found a tututorial video under resources for Freeway5 which was useful.

But… a couple of things are tricky:

  1. How to change the text of the menu items to Trebuchet Caps instead of Proportional. When I try to change the font for the HTML box in the Inspector it defaults back to Proportional. Can I avoid this?

You may use any font in the menu that you like, but it must be an HTML font, not a graphic font. I doubt that there are many of your users who have installed Trebuchet Caps. That said, you can make regular old Trebuchet look pretty close to a caps-and-small-caps “true caps” font by using CSS styling. Control-click on your menu in Safari, and choose Inspect Element from the contextual menu that appears. (If you don’t see that option, enable the Develop menu setting in Safari Preferences, Advanced tab.) Take note of the ID of your menu. Then, in the Page / HTML Markup / Before dialog, paste the following, altering the ID to match your actual ID. (An ID selector in CSS is made up of an # (octothorpe) followed immediately by the ID of the HTML element it applies to. You can also find the ID in Freeway by clicking once on the HTML element that contains the menu and looking in the Name/ID field of the Inspector.

<style type="text/css">
  #yourMenuItemId a {
    font-variant: small-caps;
    font: 'Trebuchet MS', Trebuchet, sans-serif;
  }
</style>
  1. I totally get the autocreation using folders and pages, but I actually need one of the folders/pages not to publish, and instead for the text (Image sales) to go to an external link.

There is an Action you can apply to a single page to cause it to hide from the automatic menu “crawler”. I have not experimented yet with creating a mixed (automatic and manual) list, but I imagine it is possible.

Is this going to be a problem, would I need to go back to using a list for the menu and I can link the menu item out?

Many thanks in advance for anyone who can help :slight_smile:

Walter

Best

Heather


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi

I think I may have confused the issue with mentioning small caps. I just wanted to pick Trebuchet MS which as far as I know most users have installed, and I thought it was an HTML font, I’ve never come across anyone without it. Or Verdana possibly. Am I wrong here?

When I control>click on the CSS Menu item in my master page, I only get the option for Exended, or bring layer to front or back. I don’t get the options you refer to, I’m afraid - regardless of whether I click on the box or the text within the box.

I don’t use Safari normally, but I changed the setting you mentioned, and I still can’t see the options. Do I have to set Safari as my default?

Best

Heather


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On Aug 23, 2014, at 11:18 AM, Heather Hughes wrote:

Hi

I think I may have confused the issue with mentioning small caps. I just wanted to pick Trebuchet MS which as far as I know most users have installed, and I thought it was an HTML font, I’ve never come across anyone without it. Or Verdana possibly. Am I wrong here?

You should be able to make this change. The thing to remember when editing a CSS menu – you need to set your changes one level above the text. Click once on your HTML box that contains the menu. Look in the Inspector, the style tab, mid-way down, for the Link segment. Expand it if it is not. Use those controls to set the font style for your links. Leave the text in your CSS menu element entirely alone – generic Times Roman blue underlined text – and trust the system to work for you.

When I control>click on the CSS Menu item in my master page, I only get the option for Exended, or bring layer to front or back. I don’t get the options you refer to, I’m afraid - regardless of whether I click on the box or the text within the box.

I don’t use Safari normally, but I changed the setting you mentioned, and I still can’t see the options. Do I have to set Safari as my default?

Without looking at your screen, I can’t be sure what you’re trying to do. Are you looking for that option within Freeway or its Preview pane, or are you looking in a browser after using Preview in Browser? I meant for you to do the latter. Now that you’ve explained the issue further, I don’t think you need to worry about this aspect of the issue. Freeway uses WebKit internally for its previews, but WebKit is not Safari (or Chrome), even though both of those browsers use it as well.

Walter

Best

Heather


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks :slight_smile:
I found I needed to change my h1, h2, h3 etc in the style sheets and now the text is correctly showing as Trebuchet MS, but unfortuntely not in any caps.

I’m now using the Preview page as you suggested, not the browser first.

Even if I make one of the pages invisible, not sure how I get to add a manual dropdown list to point to several external sites…

Ta

Heather


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Walter,
I searched for the action that you said you thought existed to hide the page, but I can’t find anything.
Where should I look?
Best
Heather


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Make sure nothing on the page is selected (click on a blank spot in the pasteboard) and then look in the Page / Actions menu. Second item from the top (on my Mac) is Remove from CSS Menus.

Walter

On Aug 23, 2014, at 3:18 PM, Heather Hughes wrote:

Hi Walter,
I searched for the action that you said you thought existed to hide the page, but I can’t find anything.
Where should I look?
Best
Heather


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Walter,

Won’t that remove the word for the page from the menu as well?

I’ll try it now.

I still wanted people to see the word, but instead of clicking on to get to the page, it will take them to an external link?

I was just thinking the only way to do it might be to make my own menu graphic in Photoshop wth rollovers - going back to ancient times!

Best

Heather


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yes, it will remove it from the automatically gathered links, but can’t you also add your own links to the list?

Walter

On Aug 23, 2014, at 3:37 PM, Heather Hughes wrote:

Hi Walter,

Won’t that remove the word for the page from the menu as well?

I’ll try it now.

I still wanted people to see the word, but instead of clicking on to get to the page, it will take them to an external link?

I was just thinking the only way to do it might be to make my own menu graphic in Photoshop wth rollovers - going back to ancient times!

Best

Heather


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I tried that, but it wouldn’t recognise the subfolders, told me that the action couldn’t do it, and then Freeway crashed and closed on me.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Aha, I just tried this, and I see that it’s an either/or proposition. So back to the “old” way to build your menu. Simply un-check that option in the Action, and double-click inside the HTML box so you get a flashing text cursor. Type the name of each page (or the link text you want to see for each page) and a return after each one. Select all the text, and use the Inspector’s List tool right arrow to indent the entire thing one click. Now apply a normal Freeway link to each word, one per page, linked to the appropriate page. (You only have to do this once if you’re working on your Master Page.) Now if you preview, you should see that the menu looks exactly the same as the auto-generated version.

Walter

On Aug 23, 2014, at 3:38 PM, Walter Lee Davis wrote:

Yes, it will remove it from the automatically gathered links, but can’t you also add your own links to the list?

Walter

On Aug 23, 2014, at 3:37 PM, Heather Hughes wrote:

Hi Walter,

Won’t that remove the word for the page from the menu as well?

I’ll try it now.

I still wanted people to see the word, but instead of clicking on to get to the page, it will take them to an external link?

I was just thinking the only way to do it might be to make my own menu graphic in Photoshop wth rollovers - going back to ancient times!

Best

Heather


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If your menu is nested, then you create the sub-options by further indenting the list:

* Home
* Products
	* Salsa
	* Oven Mitts
* Service
	* On-site
	* Carry in
* Support
	* By mail
	* Bored telephone operator

You can indent to any level of depth that you need.

Walter

On Aug 23, 2014, at 3:43 PM, Walter Lee Davis wrote:

Aha, I just tried this, and I see that it’s an either/or proposition. So back to the “old” way to build your menu. Simply un-check that option in the Action, and double-click inside the HTML box so you get a flashing text cursor. Type the name of each page (or the link text you want to see for each page) and a return after each one. Select all the text, and use the Inspector’s List tool right arrow to indent the entire thing one click. Now apply a normal Freeway link to each word, one per page, linked to the appropriate page. (You only have to do this once if you’re working on your Master Page.) Now if you preview, you should see that the menu looks exactly the same as the auto-generated version.

Walter

On Aug 23, 2014, at 3:38 PM, Walter Lee Davis wrote:

Yes, it will remove it from the automatically gathered links, but can’t you also add your own links to the list?

Walter

On Aug 23, 2014, at 3:37 PM, Heather Hughes wrote:

Hi Walter,

Won’t that remove the word for the page from the menu as well?

I’ll try it now.

I still wanted people to see the word, but instead of clicking on to get to the page, it will take them to an external link?

I was just thinking the only way to do it might be to make my own menu graphic in Photoshop wth rollovers - going back to ancient times!

Best

Heather


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks, just tried again, the menu is showing, but all wrong.

I selected horizontal for the main menu, and they’ve gone vertical.
It seems to be the opposite of what I’m expecting, the action is applying the subfolder atributes to my main heading and vice versa.
Weird. What could I be doing wrong. I think I might have to see what happens if I put the opposie of what I want!

Best

Heather


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options