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?

Menu in Position 0 (above banner image)
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Menu in Position 0 (above banner image)
#14854
Menu in Position 0 (above banner image) 13 Years, 1 Month ago Karma: 0
I have reviewed a number of other posts trying to correct the issue, and have a partial resolution, but am still unable to get the menu quite where I want it. Can you take a look?

www.gaineyceramics.com/dev/

Here is a link to a working menu in position 2, but I just want it above the banner image. www.gaineyceramics.com/dev/index.php/information/green-statement

So far I have added the following code to the menu's "CSS styles" section

#header ul.ux-menu li a:link,
#header ul.ux-menu li a:visited
{
display: block;
padding: 10px 14px;
text-transform: none;
font-weight: normal;
}

#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 24px 10px 14px;
text-transform: none;
font-weight: normal;
}


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

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

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

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

#header .ux-menu-container ul
{
max-width: none;
padding: 0;
margin: 0;
}
The administrator has disabled public write access.
 
#14860
Re:Menu in Position 0 (above banner image) 13 Years, 1 Month ago Karma: 0
Nevermind, I couldn't wait any longer, so I did what I think is sort of a hack-job, but it works...

Since I wasn't using position-1 for anything, I moved it OUT of the header, so that the header styles weren't interfering with it, then created an extra div to house it, and absolute positioned it, the only problem I had was that I needed the absolute positioning to be relative to the top part of the template instead of the page, and I was getting a strange gap where there was no background, so I created a relative div instead, then an absolute div inside of it per this mind-boggling article: stopdesign.com/archive/2003/09/03/absolute.html titled: "Making the Absolute Relative"

Its odd, but it does work...

<div style="position: relative;"><div style="position: absolute; top: -255px; left: 0px;"><jdoc:include type="modules" name="position-1" /></div></div>
The administrator has disabled public write access.
 
#14864
Re:Menu in Position 0 (above banner image) 13 Years, 1 Month ago Karma: 748
Hello,

It didn't work before due to specific site template styles for "UL" element in "position 0".

Regards,
ARI Soft
The administrator has disabled public write access.
 
#14873
Re:Menu in Position 0 (above banner image) 13 Years, 1 Month ago Karma: 0
Yes, it was picking up UL styles from the #header. I was overriding them one at a time, then decided to try something easier instead, which entailed moving the div out of the header, but absolute positioning the menu back INTO the header

probably not the "best" way, but it is working on all browsers....
The administrator has disabled public write access.
 
Go to topPage: 1