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?

round corner on vertical position
(1 viewing) (1) Guest
Go to bottomPage: 123456
TOPIC: round corner on vertical position
#56378
Re:round corner on vertical position 8 Years, 4 Months ago Karma: 747
The extension doesn't add it. It seems ">" is added due to site template styles. Send a link to a page with the menu so we can investigate the problem in more details.

Regards,
ARI Sot
The administrator has disabled public write access.
 
#56386
Re:round corner on vertical position 8 Years, 4 Months ago Karma: 0
Thank's a lot!! I'm really surprised for the support!!!

It is almost correct. I repost my code, I try to correct some details.

You can look at the picture, you will see that the "portfolio" and "equipement" seem's lower.

I can live whit the ">" sign, but my main concern to publish my site is that I want the menu align to the right.

Like you said to me, it is maybe a template problem!!??

(sorry for my english I'm a french Canadian user)

www.lefrogtograff.com

Here is my code modified:


#{$id} LI.ux-menu-item-level-0
{
width: 100px;
border-style: none !important;
}


LI.ux-menu-item-main A.ux-menu-link-first

{
border-radius: 5px 0 0 5px;
border-style: none !important;
}

LI.ux-menu-item-main A.ux-menu-link-last

{
border-radius: 0 5px 5px 0;
border-style: none !important;
}

.ux-menu-vertical LI A.ux-menu-link-first,
.ux-menu-sub LI A.ux-menu-link-first

{
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
border-style: none !important;
}

.ux-menu-vertical LI A.ux-menu-link-last,
.ux-menu-sub LI A.ux-menu-link-last

{
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
border-style: none !important;
}

.ux-menu-vertical LI A.ux-menu-link-first.ux-menu-link-last,
.ux-menu-sub LI A.ux-menu-link-first.ux-menu-link-last

{
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border-style: none !important;
}
Last Edit: 2015/11/27 11:03 By demetan71.
The administrator has disabled public write access.
 
#56387
Re:round corner on vertical position 8 Years, 4 Months ago Karma: 747
It is not possible to open the link. "Server not found" message is shown.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#56388
Re:round corner on vertical position 8 Years, 4 Months ago Karma: 0
The administrator has disabled public write access.
 
#56389
Re:round corner on vertical position 8 Years, 4 Months ago Karma: 747
Add the following CSS rule to remove ">" symbol:

.sp-module .ux-menu-container ul > li > a::before {content:""}

The following CSS rules move the menu to right side:

.ux-menu-container {text-align: right;}
.ux-menu {display:inline-block;}

Regards,
ARI Soft
The administrator has disabled public write access.
 
#56394
Re:round corner on vertical position 8 Years, 4 Months ago Karma: 0
It's almost perfect.

But the ">" sign is remove, but there is space that it look not centered.

And on top the 2 menu in the center seem little more under. Et maybe some lines under it!!!
The administrator has disabled public write access.
 
Go to topPage: 123456