[Pro] CSS Submenus not showing

Hello All,

I have been using FW for years and have the latest version have finally got my head around responsive layout before Softpress went down. Such a shame.

Anyway, I am having real problems with getting my submenus to show. They are in there, with further indentation as normal (I’ve have been successful with submenus elsewhwhere (e.g. Luxury Bed and Breakfast Devon – Cider House at Buckland Abbey). They simply don’t show up, unless I set the height of the menu container to a minimum or fixed, which then looks silly.
I have tried it with no styling to the meny text, but nothing seems to work.

Do any of you clever people know what I am doing wrong?

Grateful, Josephine.

http://starbed.vicinitywebsites.co.uk


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

It looks like your construction is the issue.

Try deleting the 2 Divs that you use for the Black and Gold borders and see where that takes you.

David


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

Hi David,
Thanks for the reply. I have tried removing the borders to no avail.

I have even stripped out a version of the page so that there is nothing below the CSS menus. They only work when the height is set to either ‘minimum’ or ’ fixed’.

Here is a stripped out page:
http://starbed.vicinitywebsites.co.uk/index.html

Clearly, a fixed menu height is not wanted here.

Any other clues you may have? Is it a software bug?

Grateful, Josephine


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

Josephine

It’s the header wrapper div #HeaderWrapper causing the problem. It’s set using overflow:hidden Meaning the submenus get hidden rather than overflow out of #HeaderWrapper.

David Owen

http://www.printlineadvertising.co.uk
http://www.davidowendesign.com
http://ineedwebhosting.co.uk

Creative Design | Print Production | Web Design & Strategy | Domains & Web Hosting

On 11 Nov 2016, at 11:41, Josephine email@hidden wrote:

Hi David,
Thanks for the reply. I have tried removing the borders to no avail.

I have even stripped out a version of the page so that there is nothing below the CSS menus. They only work when the height is set to either ‘minimum’ or ’ fixed’.

Here is a stripped out page:
http://starbed.vicinitywebsites.co.uk/index.html

Clearly, a fixed menu height is not wanted here.

Any other clues you may have? Is it a software bug?

Grateful, Josephine


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


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

Hi David,

Thanks for that. I have amended it and am still struggling to get the CSS menus to behave. Now that all the elements have overflow ‘visible’, my menus now appear black (as per my page colour, and not as defined by the item colour. The submenus also disappear on mouse over which looks like it is because they are ‘behind’ other items. I am mighty perplexed.

The trial page is:
http://starbed.vicinitywebsites.co.uk/index.html
Many thanks for all your help.

Josephine


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

Josephine

  1. To fix the submenu showing over the divs below, on your #menu div open the extended palette > div style and add

First section add…
z-index

Second section add…
9999

  1. The reason why the background is showing through div #HeaderWrapper is because it’s collapsing to no height. On a responsive site you often don’t want to add a fixed height because you want it to adjust. So I would try the Clearfix action…

http://actionsforge.com/actions/auto-clearfix

or write your own styles.

https://freewaytalk.softpress.com/thread/view/114205

David Owen

http://www.printlineadvertising.co.uk
http://www.davidowendesign.com
http://ineedwebhosting.co.uk

Creative Design | Print Production | Web Design & Strategy | Domains & Web Hosting

On 11 Nov 2016, at 13:56, Josephine email@hidden wrote:

Hi David,

Thanks for that. I have amended it and am still struggling to get the CSS menus to behave. Now that all the elements have overflow ‘visible’, my menus now appear black (as per my page colour, and not as defined by the item colour. The submenus also disappear on mouse over which looks like it is because they are ‘behind’ other items. I am mighty perplexed.

The trial page is:
http://starbed.vicinitywebsites.co.uk/index.html
Many thanks for all your help.

Josephine


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


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

And you appear to have set your menu text color as Black with Gold on Hover and Active.

David


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

Just wanted to thank the Davids for fixing my problem.

This worked:
To fix the submenu showing over the divs below, on your #menu div open the extended palette > div style and add
First section add… z-index

Second section add… 9999

The reason why the background is showing through div #HeaderWrapper is because it’s collapsing to no height. On a responsive site you often don’t want to add a fixed height because you want it to adjust. So I would try the Clearfix action…

So, again THANK YOU! Your time and knowledge is so greatly appreciated.

Josephine.


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