VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
CHECK OUT OUR PAGE ON GOOGLE +
VISIT OUR CHANNEL ON YOUTUBE

Account Details

Change your name, email, password or permanently delete your account. Change settings

We offer several ways you can get support from our experts: Support ForumKnowledgebaseNewsletter

Your Forum Posts

No posts to display.

Welcome, Guest
Username Password: Remember me

SOLVED: Menu Item Display: None
(1 viewing) (1) Guest
  • Page:
  • 1

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.

  • 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

  • Posts:181
  • 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

  • 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;
}


Bye
joomfreak | cause open source rocks
The following user(s) said Thank You: ajack036

  • Posts:181
  • cause open source rocks
  • joomfreak
  • Administrator
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
Time to create page: 0.63 seconds

joomfreak is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.