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


Recent Events
  • 23/11/2024 Black Friday 2024

    BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.

  • 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.


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?

Formatting assistance and hidden submenu's
(1 viewing) (1) Guest
Go to bottomPage: 123
TOPIC: Formatting assistance and hidden submenu's
#9169
Formatting assistance and hidden submenu's 13 Years, 12 Months ago Karma: 0
My ARI Ext Menu is installed and the submenu items are hidden behind the content to the right. Below is a link to the menu which is on the left side of the page.

Menu on left

Formatting:
I also need some assistance with the look of the menu on the left. I will be creating multiple menu's, one for each department. My end result is for the menu at the above link to look like the menu that is at the link below.

Example

I have looked through a lot of the posts about these issues and noticed that they refer to putting code in the CSS rule. Is this done within the module configuration or is this done in a CSS file? If it is a file, which file and where?

Thank you for your help,
Steven
The administrator has disabled public write access.
 
#9170
Re:Formatting assistance and hidden submenu's 13 Years, 12 Months ago Karma: 760
Hello,

Use the following CSS rules:

Code:


body #left-column .icemodule,
body #left-column .icemodule div div div div 
{
 overflow: visible;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#9172
Re:Formatting assistance and hidden submenu's 13 Years, 12 Months ago Karma: 0
Thank you for the code. That solved the issue of the hidden submenu.

How do I alter the height & width of the menu? I would like it to fill the space on the left. Please let me know if the changes that I need to make are within the module ccs settings or an actual css file.

Thanks,
Steven
The administrator has disabled public write access.
 
#9179
Re:Formatting assistance and hidden submenu's 13 Years, 11 Months ago Karma: 760
Try the following CSS rules:

Code:


body #left-column .icemodule div div div div,
#left-column .icemodule div div div .ux-menu-container
{
 padding: 0;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#9377
Re:Formatting assistance and hidden submenu's 13 Years, 11 Months ago Karma: 0
Thank you for that. It is now left justified as needed. How do I modify the width of the menu items? On the page below is an example of the menu on the left side. I need it to fille the column width.
Example

Thanks for your assistance,
Steven
The administrator has disabled public write access.
 
#9400
Re:Formatting assistance and hidden submenu's 13 Years, 11 Months ago Karma: 760
Add the following CSS rule:

Code:


#ariextmenu_ariext240 LI.ux-menu-item-main
{
 width: 190px !important;
}



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