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


Recent Events
  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


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?

Horizontal menu to full page width
(1 viewing) (1) Guest
Go to bottomPage: 12345
TOPIC: Horizontal menu to full page width
#19744
Horizontal menu to full page width 6 Years, 1 Month ago Karma: 0
I've searched through this forum for existing help with customising a horizontal menu to make it stretch to full page width. Taking pointers from the posts I've found I've tried adding the following CSS, which hasn't made any difference to the menu width.


BODY DIV.ux-menu-container UL.ux-menu-horizontal ux-menu-link-first ux-menu-item-parent-pos0
{
display: -moz-inline-stack;
display: inline-block;
zoom:1;
*display: inline;
}

#ariext84_container .ux-menu-container .ux-menu LI.ux-menu-item-main
{
width: 100%;
}


The site itself is here
www.cakepopcorner.co.uk/

I'd be very grateful for some assistance in getting the menu width changed to take up the full page width. That is, from where it is at present at the left, ending beneath the white logo image block at the top of the page.


With much appreciation in advance,
Jonathan
The administrator has disabled public write access.
 
#19746
Re:Horizontal menu to full page width 6 Years, 1 Month ago Karma: 667
Hello,

Try to use the next CSS rules:

Code:


#ariext84 LI.ux-menu-item-level-0
{
 width: 113px !important;
}

UL#ariext84 LI.ux-menu-item541,
UL#ariext84 LI.ux-menu-item547
{
 width: 129px !important;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#19750
Re:Horizontal menu to full page width 6 Years, 1 Month ago Karma: 0
Hi. I appreciate your help however this hasn't changed the menu in any way.

What am I doing wrong?
The administrator has disabled public write access.
 
#19751
Re:Horizontal menu to full page width 6 Years, 1 Month ago Karma: 667
Where do you add provided code?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#19752
Re:Horizontal menu to full page width 6 Years, 1 Month ago Karma: 0
Got it.

Your question prompted me to think about the CSS file used. I had put your code into template.css but on closer examination I see that file's not imported in the page (?). Instead I moved the code into beez5.css, refreshed the page and all's good.

Thanks again! The quality of support from you guys is outstanding.

- Jonathan
The administrator has disabled public write access.
 
#19981
Re:Horizontal menu to full page width 6 Years ago Karma: 0
admin wrote:
Hello,

Try to use the next CSS rules:

Code:


#ariext84 LI.ux-menu-item-level-0
{
 width: 113px !important;
}

UL#ariext84 LI.ux-menu-item541,
UL#ariext84 LI.ux-menu-item547
{
 width: 129px !important;
}



Regards,
ARI Soft


I have same problem, i am using joomla 1.7 with beez_20 template. I have tried to insert your code to template.css (beez_20) and also in "CSS Styles" ARI's config but nothing change. Can you help me to resolve it?
Thanks!
The administrator has disabled public write access.
 
Go to topPage: 12345