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?

submenu width and position
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: submenu width and position
#35491
submenu width and position 11 Years, 10 Months ago Karma: 0
I need to reduce the width of our submenu and correct positioning so that it aligns with the parent menu.

The site is on Joomla! 2.5.7 and uses the Beez_20 template.

The Menu widget parameters are set to Auto in the module. We thought the solution was to setting a width on #header .ux-menu-sub, but that wasn't it.

The following was added to the style sheet

#header
{
background:#EEE6B7;
font-size:1em;
position:relative;
}
div#header
{
overflow: visible;
}
#header ul.ux-menu li a:link,
#header ul.ux-menu li a:visited
{
display: block;
padding: 10px 20px;
font-family: 'myriad-pro', Arial, Helvetica, sans-serif;
}

#header ul.ux-menu li a.ux-menu-link-parent:link,
#header ul.ux-menu li a.ux-menu-link-parent:visited
{
display: block;
padding: 10px 40px;
font-family: 'myriad-pro', Arial, Helvetica, sans-serif;
}


#header .ux-menu ul.ux-menu-hidden
{
display: none;
}

#header ul.ux-menu
{
right: 0;
margin: 0;
padding: 0;
position: relative;
}

#header ul.ux-menu-sub li
{
text-align: left;
}

#header .ux-menu-container ul
{
max-width: none;
padding-right: 0;
margin: 0;
}
#header .ux-menu-sub .ux-menu-init-hidden
{
margin-top: -20px;
}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}


Any suggestions?
Last Edit: 2013/01/08 16:49 By adwcth.
The administrator has disabled public write access.
 
#35492
Re:submenu width and position 11 Years, 10 Months ago Karma: 760
Hello,

Where we can see the problem?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#35493
Re:submenu width and position 11 Years, 10 Months ago Karma: 0
The administrator has disabled public write access.
 
#35495
Re:submenu width and position 11 Years, 10 Months ago Karma: 760
Hello,

Core module CSS file was modified (menu.min.css file). It seems this problem with custom CSS properties in this file. Revert back file to original state and add your custom CSS properties one by one to find the problem.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#35507
Re:submenu width and position 11 Years, 10 Months ago Karma: 0
Thank you. We were able to correct the width issue, however, even with the original menu.min.css file, the submenus do not line up against the parent menu.
The administrator has disabled public write access.
 
#35517
Re:submenu width and position 11 Years, 10 Months ago Karma: 760
This problem with site template styles for default menu. Add the following CSS rule:

#header UL.ux-menu-sub
{
padding: 0;
}


Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 1