Menu bug or me?

Freeway
1

I am getting a little frustrated with the responsive menu in this example. The logo on the left is linked to the homepage but you will notice that only the top half of it is active. The bottom seems to be being ‘blocked’ by the responsive menu… but only when the alignment setting in the action itself is set to ‘center’

http://mpscreative2.co.uk/client/menu/testpage.html

http://mpscreative2.co.uk/client/menu/testpage.html

freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

2

Sorry, hit send too early!!

This example shows the same header but with the menu alignment set to ‘right’ and it is fine! The whole of the logo is active!

http://mpscreative2.co.uk/client/menu/testpag2.html

I’m scratching my head over this so any clues would be gratefully received.

Many thanks

Mark

freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

3

Tricky without seeing the FW doc but I am looking at the attributes here

.fwNavContainer1 {float: right;
position: relative;
right: 50%;
}

It is the ‘right: 50%;’ that is throwing things off.

What does this look like in the Inspector?

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

4

Hi Dave, yes there was some weird code in there so I have stripped everything out and made a new file from scratch and still no joy. The more I look at this, the more I think it may be a bug. I have been in touch with sp support too but no joy so far.

Have a look at this:

http://mpscreative2.co.uk/client/menu/index.html

Close up the browser window until just before the menu tucks under the logo and the link does not work on the bottom half of the logo. The above example is with the menu alignment dropdown in the ‘size and shape’ section of the action, set to ‘center’

This is with the alignment set to ‘right’ (it is also fine when set to ‘left’)

http://mpscreative2.co.uk/client/menu/index2.html

A real puzzler!

If you’re curious, the FW file is here (77Kb)

http://mpscreative2.co.uk/menu/Test-menu-3.zip

freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

5

Hi Mark,
Comparing your online example to the Freeway file you supplied I can see that this issue only arises with the online page. Here’s a copy of your original page but with a few styles showing the outlines of some of HTML that makes up the nav bar;
Untitled http://www.freewayactions.com/test/css-menu-position/before.html

‘menuWrapper’ is the parent div that holds the menu item and can be seen with a thick green border,
‘fwNavContainer1’ is the wrapper for the css menu and is shown with a thinner red border and,
‘fwNav1’ is the CSS menu itself - displayed with a blue dotted border

If you close the browser window up so it becomes narrow you’ll notice that the ‘fwNavContainer1’ (red bordered) item slides over and on top of the logo to the left. This is what stops you from clicking directly on the logo when the browser width is narrowed.

Looking at the code I can see that the right position for the ‘fwNavContainer1’ (red bordered) item has been set to 50%. This positions the right side of the item 50% off from the parent which, in turn, throws it far to the left. Normally the menu would appear here as well (‘fwNav1’) but that has been set to left of 50% which pushes the menu items back into the boundaries of the ‘menuWrapper’ container.

As I said the example Freeway file doesn’t seem to have these issues but here’s one I corrected by hand and removed the unwanted right/left 50% settings;
Untitled http://www.freewayactions.com/test/css-menu-position/after.html
Regards,
Tim.

On 18 Dec 2015, at 19:43, MarkSmith email@hidden wrote:

Close up the browser window until just before the menu tucks under the logo and the link does not work on the bottom half of the logo.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

6

Thanks so much for having a look at this for me Tim. I presume you edited the offending code externally?

Is there a way to do this within FW so I don’t have to do it each time I update/republish?

I’m wondering if this is a bug? When I open the file in text wrangler directly from the preview button in FW, I can see the code so I wasn’t sure what you meant when you said the FW file didn’t have the issues?

Many thanks

Mark

freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

7

Hi Tim, just revisited an email I got from Keith at sp who has given me the following code to place in the head:

.fwNavContainer1{
right: 0;
}
#fwNav1{
left: 0;
}

This has corrected the isssue. Many thanks for you help.

Mark

freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options