Removing menu buttons on some pages

This topic has 3 replies, 2 voices, and was last updated 9 years, 10 months ago by FocuxTheme Support.

Viewing 3 reply threads

Author

Posts
- March 16, 2015 at 12:46 pm #7853
  
  lucasplunkett
  Member
  
  Hi Johnny,
  
  I’m about to make a new page on my site. Because my site is a one-page site now, the menu buttons on the new page won’t work because the anchors aren’t there. Is there a way I can remove the buttons in the menu in custom CSS for that page in visual composer?
- March 17, 2015 at 1:32 am #7860
  FocuxTheme Support
  Keymaster
  Hi
  
  Actually you can change the archor menu link from #id to http://yourdomain.com/#id or like this one http://yourdomain.com/specific-page#id
  
  Then, when you click this link, the page will jump to that page and stay at the right position.
  
  If you want to remove the menu link on a specific page, you need to view the source code of the page in your browser, find body tag like below
```
<body class="page page-id-2 page-template page-template-page-contact-php wpb-js-composer js-comp-ver-4.3.3 vc_responsive">
```
  Record this class selector “page-id-2”
  
  Then, find the HTML codes of the menu part, for exmaple, let’s remove this menu button
```
<li id="menu-item-304" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-304"><a href="http://demo.themevan.com/samsara/home-landing-page/">Home &#8211; Landing Page</a></li>
```
  Record “id=menu-item-304”, now we remove it only on this page. Add the following custom CSS into Samsara options > custom styles > CSS codes
```
.page-id-2 #menu-item-304{display:none;}
```
  Thanks
- March 18, 2015 at 9:51 am #7880
  
  lucasplunkett
  Member
  
  Excellent, thanks so much!!!
- March 19, 2015 at 1:03 am #7887
  
  FocuxTheme Support
  Keymaster
  
  It’s my pleasure!
Author

Posts

Viewing 3 reply threads

You must be logged in to reply to this topic.