Sub menu appears to be hidden
- CMoorhouse
- Offline Topic Author
- Junior Member
- Posts: 30
- Thanks: 0
HI
I have searched through the forum and although similar issues posted afraid i am having no luck in resolving things at my end
My sub menu, which should appear on hovering, appears to be hidden. My site is currently locally hosted so afraid i cannot share the url
I love the menu module just needing to get this bit figured out.Below is the css for the menu concerned. I am pretty new to all of this so i may need a few really simple pointers. Also attached is a screen shot which shows me hovering over the class pages menu item and the submenu does not appear.
Any ideas gratefully received?
CSS for the menu:
#menuwrapper{
width: 805px;
float: right;
background-color: #ffffff;
}
#mainmenu ul.menu {
margin: 0 auto;
position: relative;
z-index: 10;
float: right;
width: 805px;
display: block;
list-style-type: none;
vertical-align: baseline;
color: #696969;
}
#mainmenu ul.menu li {
margin: 0 auto;
color: #696969;
display:inline;
float: left;
text-align: center;
list-style-type:none;
line-height: 25px;
padding: 0px 2px;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.05em;
}
#mainmenu ul.menu li a{
padding: 0px;
text-decoration: none;
font-size: 1.2em;
position: relative;
}
#mainmenu ul.menu li a:hover{
display: block;
background: #696969;
color: #0066CC;
}
#mainmenu ul.menu li.active a{
font-weight: bold;
line-height: 25px;
padding-left: 5px;
padding-right: 5px;
display: block;
background: #696969;
color: #ffffff;
}
thank you
Caroline
I have searched through the forum and although similar issues posted afraid i am having no luck in resolving things at my end
My sub menu, which should appear on hovering, appears to be hidden. My site is currently locally hosted so afraid i cannot share the url
I love the menu module just needing to get this bit figured out.Below is the css for the menu concerned. I am pretty new to all of this so i may need a few really simple pointers. Also attached is a screen shot which shows me hovering over the class pages menu item and the submenu does not appear.
Any ideas gratefully received?
CSS for the menu:
#menuwrapper{
width: 805px;
float: right;
background-color: #ffffff;
}
#mainmenu ul.menu {
margin: 0 auto;
position: relative;
z-index: 10;
float: right;
width: 805px;
display: block;
list-style-type: none;
vertical-align: baseline;
color: #696969;
}
#mainmenu ul.menu li {
margin: 0 auto;
color: #696969;
display:inline;
float: left;
text-align: center;
list-style-type:none;
line-height: 25px;
padding: 0px 2px;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.05em;
}
#mainmenu ul.menu li a{
padding: 0px;
text-decoration: none;
font-size: 1.2em;
position: relative;
}
#mainmenu ul.menu li a:hover{
display: block;
background: #696969;
color: #0066CC;
}
#mainmenu ul.menu li.active a{
font-weight: bold;
line-height: 25px;
padding-left: 5px;
padding-right: 5px;
display: block;
background: #696969;
color: #ffffff;
}
thank you
Caroline
by CMoorhouse
Please Log in or Create an account to join the conversation.
Hi
these css won't help, you shall put a copy of your website online, else I can't do anything
CEd
these css won't help, you shall put a copy of your website online, else I can't do anything
CEd
Joomlack Webmaster and Developer
by ced1870
Please Log in or Create an account to join the conversation.
- CMoorhouse
- Offline Topic Author
- Junior Member
- Posts: 30
- Thanks: 0
thank you for your swift reply.
Now posted online against the domain www.zealouskite.co.uk
As you can see from the site the rest is very much in development! All help re the maxi menu would be hugely appreciated
thank you
Caroline
Now posted online against the domain www.zealouskite.co.uk
As you can see from the site the rest is very much in development! All help re the maxi menu would be hugely appreciated
thank you
Caroline
by CMoorhouse
Please Log in or Create an account to join the conversation.
this is due to the overflow:hidden; on
#headerwrapper line 145 in www.zealouskite.co.uk/templates/boxschool/css/template.css
but deleting this will cause some bugs in your template
Ced
#headerwrapper line 145 in www.zealouskite.co.uk/templates/boxschool/css/template.css
but deleting this will cause some bugs in your template
Ced
Joomlack Webmaster and Developer
by ced1870
The following user(s) said Thank You: CMoorhouse
Please Log in or Create an account to join the conversation.
- CMoorhouse
- Offline Topic Author
- Junior Member
- Posts: 30
- Thanks: 0
brilliant - all sorted - thank you
by CMoorhouse
Please Log in or Create an account to join the conversation.
Time to create page: 0.675 seconds