Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Side Navigation Content – HowTo?

    • 9 years, 10 months ago comvice
      Participant

      Expired

      Hi,

      can somebody tell me how can I add some content to the side-navigation.
      I want it to use only at two sites, but with different content.

      Thank you!
      Cheers

    • 9 years, 10 months ago Mirela
      Participant

      Hello,

      Sorry for the late reply.
      You can add any page to the side navigation. Got to ‘Page Attributes’ > ‘Template’ assign it as ‘Left Navigation’. If it will be a sub-item, then assign the parent page as well. Sorry but you can’t have two different side navigations for two different pages.

      Best regards!

    • 9 years, 10 months ago comvice
      Participant

      Expired

      Can I only appear the navigation on one site?
      Because it should work as HTML-Ancer navigation for e.x. #url

       

    • 9 years, 10 months ago comvice
      Participant

      Expired

      Can you also be more specific to the procedure :)
      I don’t understand how to fill the side navigation with content :(

    • 9 years, 10 months ago Mirela
      Participant

      Hello,

      Sorry i misunderstood you above. You can have the extra side navigation in left or right of the site. And add content to it in Appearance > Widgets. You can not have two different side navigation per site.

      Best regards!

    • 9 years, 10 months ago comvice
      Participant

      Expired

      Hi Mihaila,

      thank you this works like a charm :)

      Now my question is how I only can show the sidenavigation on one site?
      And the sidenavigation must be open at desktop computers.

      I think this can be realized with jQuery – but how?

    • 9 years, 10 months ago Mirela
      Participant

      Hello,

      By ‘one Site’ you mean one website or one page?? The extra side navigation icon is set in the right-end of the main menu. If you want to display it only in one page, you can achieve this by adding some css code. Send me the link of the page you want to let it visible and i’ll give you the proper css code to add.
      To make it open by default, go to file js\main.js and find these lines:

      function codelessExtraNav(){
      	"use strict";
      	$('.extra_navigation_button').click(function(){
      		if($('body').hasClass('open_extra_nav')){
      			$('body').removeClass('open_extra_nav');
      		}else
      			$('body').addClass('open_extra_nav');
      
      	});

      Replace with these:

      function codelessExtraNav(){
      	"use strict";
      	$('body').addClass('open_extra_nav');
      	$('.extra_navigation_button').click(function(){
      		if($('body').hasClass('open_extra_nav')){
      			$('body').removeClass('open_extra_nav');
      		}else
      			$('body').addClass('open_extra_nav');
      
      	});

      Best regards!

    • 9 years, 10 months ago comvice
      Participant

      Expired

      Hi Mihaila,

      only on this page the extra side navigation should be open and visible.
      https://wp.smartgains.de/coaching/

      But it only should be open by default on the desktop.

    • 9 years, 10 months ago Ruco
      Keymaster

      Hello,

      Add this code at the end of the file /js/main.js.

      $(document).ready(function(){
      if($('body').hasClass('page-id-1817'))
      $('.extra_navigation_button').click();
      });

      Ps. These types of customizations aren’t included in theme support.

      Best regards!

Viewing 8 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password