Entire Menu Bar is Appearing too Low
- mcsvideoj3
- Offline Topic Author
- New Member
- Posts: 2
- Thanks: 0
Hello,
Excellent extension! I have a simple horizontal menu that I created with maxiMenuCK. The menu is appearing lower than it should in its position, on top of the postion below it.
Is there a way to move the entire menu up or down? I am not a programmer, but know how to make adjustments. This one is too difficult for me. File is attached to show you what I mean...
On a deadline -- your earliest reply is appreciated.
Thank you!
Cliff
Excellent extension! I have a simple horizontal menu that I created with maxiMenuCK. The menu is appearing lower than it should in its position, on top of the postion below it.
Is there a way to move the entire menu up or down? I am not a programmer, but know how to make adjustments. This one is too difficult for me. File is attached to show you what I mean...
On a deadline -- your earliest reply is appreciated.
Thank you!
Cliff
by mcsvideoj3
Please Log in or Create an account to join the conversation.
Hi
this is probably a problem in your template with positioning the menu container. Give me your url
Ced
this is probably a problem in your template with positioning the menu container. Give me your url
Ced
Joomlack Webmaster and Developer
by ced1870
Please Log in or Create an account to join the conversation.
- mcsvideoj3
- Offline Topic Author
- New Member
- Posts: 2
- Thanks: 0
Replied by mcsvideoj3 on topic Entire Menu Bar is Appearing too Low
Posted 11 years 2 months ago #8978
Hi, Ced,
The template was reworked by some other programmers that my client hired, so I am unfamiliar with what they did.
I think I solved the problem, though. In the default theme, I changed a few things.
Most importantly, I changed the "position:relative" to "position:inherit;" -- this is the last line, below. My only question is whether the "inherit" is supported by IE6 and IE7. Have no idea.
Also, another question from a newbie -- I purchased the Parameters and the Documentation, by the way. Is there a way to make the Level 1 links to be All Caps/UpperCase?
Thank you!
Cliff
/*
--- compatibility layer ---
--- for native template ---
--- Beez20 and Beez5 ---
*/
#header {
overflow:visible !important;
z-index:1000 !important;
}
#header ul.menu.maximenuck li a:link,
#header ul.menu.maximenuck li a:visited {
display: block !important;
}
#header ul.menu.maximenuck li ul li ul li ul {
border:none !important;
padding-top:0px !important;
padding-bottom:0px !important;
background:transparent !important;
}
#header ul.menu.maximenuck li ul li ul {
border:0 !important;
background:transparent !important;
padding-bottom:0;
}
#header ul.menu.maximenuck li.maximenuck.active a:link,
#header top ul.menu.maximenuck li.maximenuck.active a:visited {
border-right:none !important;
background:transparent;
}
#header ul.menu.maximenuck {
margin-top:0px !important;
right: 0 !important;
width: 942px !important;
height:42px;
position: inherit;
}
The template was reworked by some other programmers that my client hired, so I am unfamiliar with what they did.
I think I solved the problem, though. In the default theme, I changed a few things.
Most importantly, I changed the "position:relative" to "position:inherit;" -- this is the last line, below. My only question is whether the "inherit" is supported by IE6 and IE7. Have no idea.
Also, another question from a newbie -- I purchased the Parameters and the Documentation, by the way. Is there a way to make the Level 1 links to be All Caps/UpperCase?
Thank you!
Cliff
/*
--- compatibility layer ---
--- for native template ---
--- Beez20 and Beez5 ---
*/
#header {
overflow:visible !important;
z-index:1000 !important;
}
#header ul.menu.maximenuck li a:link,
#header ul.menu.maximenuck li a:visited {
display: block !important;
}
#header ul.menu.maximenuck li ul li ul li ul {
border:none !important;
padding-top:0px !important;
padding-bottom:0px !important;
background:transparent !important;
}
#header ul.menu.maximenuck li ul li ul {
border:0 !important;
background:transparent !important;
padding-bottom:0;
}
#header ul.menu.maximenuck li.maximenuck.active a:link,
#header top ul.menu.maximenuck li.maximenuck.active a:visited {
border-right:none !important;
background:transparent;
}
#header ul.menu.maximenuck {
margin-top:0px !important;
right: 0 !important;
width: 942px !important;
height:42px;
position: inherit;
}
by mcsvideoj3
Please Log in or Create an account to join the conversation.
div#<?php echo $id; ?> ul.maximenuck li.maximenuck.level1 > a span.titreck,Is there a way to make the Level 1 links to be All Caps/UpperCase?
div#<?php echo $id; ?> ul.maximenuck li.maximenuck.level1 > span.separator span.titreck {text-transform:uppercase;}
Joomlack Webmaster and Developer
by ced1870
Please Log in or Create an account to join the conversation.
Replied by nsheehan on topic Entire Menu Bar is Appearing too Low
Posted 9 years 11 months ago #19488
How does this enable UPPERCASE?
div#<?php echo $id; ?> ul.maximenuck li.maximenuck.level1 > a span.titreck,
div#<?php echo $id; ?> ul.maximenuck li.maximenuck.level1 > span.separator span.titreck {text-transform:uppercase;}
This does enable it (custom.css)
div#maximenuck ul.maximenuck li.maximenuck.level1 > a,
div#maximenuck ul.maximenuck li.maximenuck.level1 > span.separator {
display:block;
text-transform: uppercase;
}
I hope it helps someone out down the road.
Niall
div#<?php echo $id; ?> ul.maximenuck li.maximenuck.level1 > a span.titreck,
div#<?php echo $id; ?> ul.maximenuck li.maximenuck.level1 > span.separator span.titreck {text-transform:uppercase;}
This does enable it (custom.css)
div#maximenuck ul.maximenuck li.maximenuck.level1 > a,
div#maximenuck ul.maximenuck li.maximenuck.level1 > span.separator {
display:block;
text-transform: uppercase;
}
I hope it helps someone out down the road.
Niall
by nsheehan
Please Log in or Create an account to join the conversation.
Time to create page: 0.670 seconds