Hi, I have read several posts in the forum with other people having problems changing the width of the top menu items but there has never been a clear response other than "edit the css".

(using default layout)I need to make the width smaller on the main menu items so I changed the css here by adding a width of 90.

.dmxNavigationMenu ul {
display: block;
margin: 0;
padding: 0;
list-style: none;
width: 90px;
}

Here is the link. It makes the menu items stack on top of each other. www.med-i-spa.com/indexbeta.html

Why is this happening?

Hello

ul is the parent tag of the menu elements
you need to set following css statement to be able to change the maim menu elements instead:

dmxNavigationMenu ul.horizontal > li{
   width: XXpx; 
}

Regards,

I am equally frustrated with the top menu width adjustment.
You suggested tweeking this code:

dmxNavigationMenu ul.horizontal > li{
width: XXpx;
}

I have checked my CSS styles and do not have that exact category in my list. The only code that looks even similar is:

dmxNavigationMenu ul.horizontal > li.separator {
width: 10px;
margin: 5px5px;

Tweeking this does not seem to change the width of the top menu items

Am i looking in the wrong place? Where exactly will I find the code you suggested above?

I still dont understand why you do not provide a control for menu width in your wizard just as you did for the sub menus??????

Help! I need to resolve this ASAP

thanks, Gary

Hello Garry and welcome to DMXZone support forum.

The following rule is located at row 97 of the css file

.dmxNavigationMenu ul.horizontal > li {
    display: inline-block;
    vertical-align: bottom;
}

Regards: Vulcho.

thank u, Vulcho
I saw line 97 (.dmxNavigationMenu ul.horizontal > li {) as I reviewed all the code prior to your response, but did not see the word "width", so I assumed this was not the correct rule to edit??

Once I added the word "width" and set my own parameter, it worked.

Thank you for your assistance