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?
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’.
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
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’.
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.
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…
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.
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: