SOLVED Menu Item Display None - Joomla Templates

Welcome, Guest

TOPIC: SOLVED: Menu Item Display: None

SOLVED: Menu Item Display: None 13 Feb 2014 17:19 #3969

Hi all,

I am trying to get a menu item to not display. My css added to template.css is as follows:

#jf-mainnav ul.menu li.item-104 {
display: none !important;
}

Nothing happens. URL is sales.sesi-va.com/yro/ and trying to get the contact us menu item to disappear.

Thanks for your help
Amanda

Last Edit: 14 Feb 2014 18:17 by ajack036.

Reply Quote

Posts:2
ajack036
Fresh Boarder
OFFLINE
Karma: 0

Re: Menu Item Display: None 14 Feb 2014 16:47 #3992

Try :

#jf-mainnav ul.menu li.item-104 a {
display: none!important;
}

I see you removed copyright... did you already obtain copyright free version?
Please check out terms of use page at bottom of joomfreak.com website if not.
Without donations we cannot continue work here... =)

Thx Bye

joomfreak | cause open source rocks

Reply Quote

Posts:187
cause open source rocks
joomfreak
Administrator
OFFLINE
Karma: 0

Re: Menu Item Display: None 14 Feb 2014 17:20 #3996

Hi,

This site isn't live yet, but I went ahead and registered the URL it will be used on and paid the 20 EUR

Thanks for a wonderful template.

Now on to my problem...code provided not working. I have done this a million times in other sites not sure why its not working here.

Thoughts?

Thanks
Amanda

Reply Quote

Posts:2
ajack036
Fresh Boarder
OFFLINE
Karma: 0

Re: Menu Item Display: None 14 Feb 2014 17:29 #3997

Hi Amanda,
thank you for feedback

You made a error in css.
You added the code inside the @media element

Your code:

@media (min-width: 481px) and (max-width: 599px) {
#jf-footer {
  min-height: 320px;
}
 
#jf-footer .main-inner1 {
    bottom: 10px;
    padding: 105px 0 0;
}
 
#jf-footer p {
  margin-bottom: 10px;
}
 
#jf-social, #jf-footer .copyright {
    margin-top: 0;
}
#monialsfader ul#monials {
  font-size: 24px !important;
}
#jf-mainnav ul.menu li.item-104 a {
display: none!important;
}

Correct code:

@media (min-width: 481px) and (max-width: 599px) {
#jf-footer {
  min-height: 320px;
}
 
#jf-footer .main-inner1 {
    bottom: 10px;
    padding: 105px 0 0;
}
 
#jf-footer p {
  margin-bottom: 10px;
}
 
#jf-social, #jf-footer .copyright {
    margin-top: 0;
}
#monialsfader ul#monials {
  font-size: 24px !important;
}
}
 
#jf-mainnav ul.menu li.item-104 a {
display: none!important;
}