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?

How to adjust the total width to page width
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: How to adjust the total width to page width
#23874
How to adjust the total width to page width 12 Years, 5 Months ago Karma: 0
Hi,

I have created an horizontal menu and I'd like it to occupy the width of my page. How can I do that?

Example can be seen at a2www.com/swimseblod/

Thanks
The administrator has disabled public write access.
 
#23875
Re:How to adjust the total width to page width 12 Years, 5 Months ago Karma: 748
Hello,

If you want to add background to menu container, add the next CSS rule to "CSS Styles" parameter in module settings:

Code:


#ariext85_container
{
 background: transparent url(/swimseblod/modules/mod_ariextmenu/mod_ariextmenu/js/css/images/menu-item-bg.png) repeat;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#23877
Re:How to adjust the total width to page width 12 Years, 5 Months ago Karma: 0
Thanks that looks better now but How can i get the same border as around my menu items? And maybe also center the menu items.

Thanks in advance.
The administrator has disabled public write access.
 
#23879
Re:How to adjust the total width to page width 12 Years, 5 Months ago Karma: 748
Add the following CSS rules:

Code:


#ariext85_container
{
 text-align: center;
 border: 1px solid #E3DAD1;
}

#ariext85
{
 display: inline-block;
}

#ariext85 LI.ux-menu-item-level-0 A
{
 border-top-style: none;
 border-bottom-style: none;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#23881
Re:How to adjust the total width to page width 12 Years, 5 Months ago Karma: 0
Cool it works. Thanks.
The administrator has disabled public write access.
 
#23884
Re:How to adjust the total width to page width 12 Years, 5 Months ago Karma: 0
One more question, I want to have several menus in my site, obviously with different ids. Is there a way not to specify the id but make it generic?

Thnaks.
The administrator has disabled public write access.
 
Go to topPage: 12