WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: frandelaguila on May 08, 2010, 01:41:43 PM

Title: How to enlarge length of submenu
Post by: frandelaguila on May 08, 2010, 01:41:43 PM

Hello.
I am making a web with WB and a template, with no much idea of css.
I have a problem:  the length of the first submenu is too short, so I can't click on the last option.
How can I correct it?
I think it's something about some value of the template, but, what is it?
Thank you.

The web is www.educabitatsur.c om/wb

Title: Re: How to enlarge length of submenu
Post by: Argos on May 11, 2010, 08:50:08 AM

So there is another option after "Agentes Colaboradores"? If so, it should show up because your CSS says:
#submenu{width:1000px;} and that's long enough to show any more options.

So maybe your page settings are not set to "visibility:public"? Then the page may not show up in the menu.

Title: Re: How to enlarge length of submenu
Post by: frandelaguila on May 11, 2010, 09:10:03 AM

Hello Argos.  Thank you very much for your answer.
Since I asked the question in the forum, I have made some changes, but the problem still remains.
When you saw it, there wasn´t another option after "Agentes colaboradores", but now there is one that I have called "Why this option is not selectable"  :-)
That option and half the option "Agentes colaboradores" are not selectables.

I have been looking to the css, and the width of the #submenu is 1000px.  Should I increase this length?  I think the length of the css is that long, so it would be enough to make selectable all options...

Thank you again for your help, and sorry for my english.

Title: Re: How to enlarge length of submenu
Post by: Argos on May 11, 2010, 09:30:12 AM

Hi, it works fine with IE8 and Opera, but Firefox, Chrome and Safari show the last submenu item as text only, instead of a link. In fact, the item before the last ("Agentes Colaboradores") is only half functional as a link.

After inspection, I noticed that for some strange reason the submenu is a DIV within the page title DIV. And the page title DIV is not full width, thus restricting the functionality of the submenu. This is the current setup:

Code: [Select]

<div id="page-title">
  <div id="submenu"></div>
  <h1>Page Title Here</h1>
</div>
More logical would be:

Code: [Select]

<div id="submenu"></div>
<div id="page-title">
  <h1>Page Title Here</h1>
</div>
Please try that, and modify the cSS to position the elements if needed

Title: Re: How to enlarge length of submenu
Post by: frandelaguila on May 17, 2010, 10:03:09 AM

Thank you for your answer.
I was trying it in Firefox, so I didn´t realise it works with the other.

I tried the code you gave me, but I suppose it´s not enough to fix the problem, because all went wrong with the change and I have no knowledge to know what to do.

Thank you again.