Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Menu item alignment
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: Menu item alignment
#18422
Menu item alignment 12 Years, 10 Months ago Karma: 0
Hello,

On this page: www.kagando.org/joomla I have installed Ari Ext Menu. When I first installed it, it looked perfect except I could see that at some point I would have to change the list items width because the Contact link wrapped to the next line. OK, probably not a big deal. So I went in and configured the colors for the text and background and background rollover colors and when I save those changes my menu items were no longer aligned to the left.

I should mention I'm using this in Joomla! 1.7 which I think is OK according to the extensions information on the Joomla! website.

I would like to know how to get my list items left aligned and also how to decrease the width of the list items so that they all fit on one line.

This looks like an extension for suckerfish style menus that I could really work with.

Thanks,

luciano
The administrator has disabled public write access.
 
#18423
Re: Menu item alignment 12 Years, 10 Months ago Karma: 0
Hello again,

Some embarrassment but I figured out the problem. I have a floated h2 element at the top of the page that was causing the problem. So I fixed that and got the menu items to align properly but I still want to know how to deal with the menu item widths.

My Bad

Thanks,

luciano
The administrator has disabled public write access.
 
#18424
Re: Menu item alignment 12 Years, 10 Months ago Karma: 748
Hello,

The module works fine under Joomla! 1.7. The problem with site template styles. Add the next CSS rules that fix the problem:

Code:


div#topnav ul.ux-menu li a {
  width: auto;
}

#header .custom {
  overflow: hidden;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#18425
Re:Menu item alignment 12 Years, 10 Months ago Karma: 0
Hello,

Well first of all thank you so much. Secondly, I cannot believe the speed and quality of your support. It's a rare thing as I'm sure you know.

So what I'm doing basically is overriding the styling errors I made in my main style sheet, template.css, by copying the styles you gave me into the CSS Styles box in your extension. Is that correct? Can I assume that if I copied those same styles into my main stylesheet I would get the same result?

Also, where you indicated:

div#topnav ul.ux-menu li a {
width: auto;
}

I wanted to make the nav bar go all the way across the container. I accomplished this by adjusting width:auto to width: 102px. But is there a better way to do this?

Thanks again,

Luciano
The administrator has disabled public write access.
 
#18426
Re:Menu item alignment 12 Years, 10 Months ago Karma: 748
You can place code into a site template CSS file or to "CSS Styles" parameter. About menu width, your approach is normal.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#18427
Re:Menu item alignment 12 Years, 10 Months ago Karma: 0
Hi,

Many Many thanks.

I just want to ask one more question. Please forgive me but now I'm on a roll thanks to you. When submenu items wrap because the item width is too narrow the wrapped text seems to be very close to the text above it. Can one increase the space between lines of wrapped text in a submenu item?

Thanks.

Luciano

PS last question for now, I promise
The administrator has disabled public write access.
 
Go to topPage: 12